在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS

对着多个解析不一样浏览器是件郁闷的事，是所有写CSS的人都会遇到的。
虽然条件注释是一比较理想的做法，向前向后兼容。可惜我不大喜欢N个版本的CSS,

先说下我的自己的用法.
初始化
Selectors{}
 保证向后兼容性，
接着开始过滤
不管IE6有没有引进Quirks Mode
都用
 * html Selectors{} 
处理IE6和以下版本，
对下再向下版本的区分我做了比较复杂的处理。
用读入IE5.x

@media tty {
i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}
}/* */

在特别的要求下才会用，因为IE5跟IE5.5很多方面都很像。我选择把他们放在一样。
但是IE5总会相对笨点，
我必须再加区分，是用

*>html Selectors{}

本来应该是
*>html body Selectors{} 
比较好处理优先权的问题，

IE7对于CSS的支持已经接近FF,Opera,Safari这些浏览器了，但是，总会有些特别的问题，
我选择用 
*+html Selectors{} 
来特别处理IE7，可是当IE7也引进Quirks Mode时，问题变得很复杂的，他对CSS的认识也降到IE5，很像，又有不一样滴，我想没找到解决的方式，所以我打死也不把IE7引进Quirks Mode

FF也不是标准的。有时还会有特别的问题。
用私有的东东来过，

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
Selectors{ ... !important} 
}

Opera 呢。虽然通过ACID2 
可在我无聊的的写法下～依然有问题像这样的 li:hover+li {}　不知道下个发布版本会不会解决
还好别人提供了

@media all and (min-width: 0px){
Selectors{}
}

Safari 呢？请原谅我的穷，我没有钱买apple的东西，
我不知道到底会出现多少的问题。这是最最郁闷的事，还好Safari对标准支持很好，
更多过滤的方式可以参考　http://centricle.com/ref/css/filters/

不管是用hack还是filter 都是痛苦的
解决今天的问题不是为了生产明天的问题。

赞 (0)

相关推荐

  • 在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS

    对着多个解析不一样浏览器是件郁闷的事,是所有写CSS的人都会遇到的. 虽然条件注释是一比较理想的做法,向前向后兼容.可惜我不大喜欢N个版本的CSS, 先说下我的自己的用法. 初始化 Selectors{}  保证向后兼容性, 接着开始过滤 不管IE6有没有引进Quirks Mode 都用  * html Selectors{}  处理IE6和以下版本, 对下再向下版本的区分我做了比较复杂的处理. 用读入IE5.x @media tty { i{content:"\";/*" 

  • Byshell后门:无进程无DLL无硬盘文件

    适合读者:入侵爱好者.网络管理员.黑器迷 前置知识:C基本语法 刘流:后门是黑客们永恒的话题,在各大网站如163.Yahoo.北大等相继被黑之后,越来越多的人开始关注服务器的安全,而各种后门技术也空前地火暴起来!今天我们将给大家带来一个重量级后门的使用.编程方法,让广大新手朋友们有好后门玩,让编程技术爱好者有好的后门编程技术可以借鉴.当然,更多的新技术还等你去发掘. Byshell后门:无进程无DLL无硬盘文件无启动项 现在网络上流行的木马后门类工具很多,但可以称为精品的则没有多少,大多数新手们

  • 解决Android Studio 代码无提示无颜色区分问题

    一.问题 ①java代码没有颜色区分,统一黑色 ②代码不会联想提示,原来打前几个字母便会联想到后面的内容 二.解决 打开File,将Power save Mode的勾勾去掉 总结 以上所述是小编给大家介绍的解决Android Studio 代码无提示无颜色区分问题,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

  • Java中JFrame实现无边框无标题方法

    Java中JFrame实现无边框无标题方法

    很多时候我们弄一个界面,不想要默认的边框,或者不想要右上角的那个最大化按钮,比如qq面板上面就没有最大化按钮. 但是我查了很多资料都说不能直接去掉最大化按钮,必须把整个边框和标题都去掉,然后自己画.. 这个测试代码也很简单: <1>JFrame无边框无标题 <2>添加背景图片(添加背景图片有很多方法,大致上都是图片在JLabel里面,JLabel在Panel上面,Panel上面还有一个Panel放其它控件) <3>创建ImageIcon,直接用new ImageIcon

  • 无编译/无服务器实现浏览器的CommonJS模块化

    引言 平时经常会逛 Github,除了一些 star 极高的大项目外,还会在 Github 上发现很多有意思的小项目.项目或是想法很有趣,或是有不错的技术点,读起来都让人有所收获.所以准备汇总成一个「漫游Github」系列,不定期分享与解读在 Github 上偶遇的有趣项目.本系列重在原理性讲解,而不会深扣源码细节. 好了下面进入正题.本期要介绍的仓库叫one-click.js. 1. one-click.js是什么 one-click.js是个很有意思的库.Github 里是这么介绍它的: 我

  • Java实现PDF转Word的示例代码(无水印无页数限制)

    Java实现PDF转Word的示例代码(无水印无页数限制)

    目录 一.前言 二.jar破解 1.项目远程仓库配置 2.pom文件引入相关依赖 3.破解代码 三.pdf转word 一.前言 学习概述:简单的介绍一下本篇文章要讲解的Java知识点 学习目标:读者读完这篇文章之后,你希望他掌握你讲解的哪些重要的知识点 二.jar破解 1.项目远程仓库配置 aspose-pdf 这个需要配置单独的仓库地址才能下载,不会配置的可以去官网直接下载jar引入项目代码中. <repositories> <repository> <id>Aspo

  • ubuntu16.04登录后无dash,无启动栏launch,无menu bar只有桌面背景的快速解决办法

    今天打开电脑,与往常一样输入用户名密码登录后,发现桌面上空空如也,启动栏launch,menu bar什么的都消失了,桌面上文件可以打开,但是无法拖动位置,无法关闭(因为menu bar没了,无法鼠标点击关闭), 经过苦苦搜索几个小时之后找到解决方案如下,记录下来方便有相同问题的人: 问题原因:unity Plugin 被误删或禁用了 解决方案: 1．尝试用 ctrl + alt + t 打开命令行 2．若 ctrl + alt + t 不起作用,则可在桌面右键选择打开终端 3．若上述方法仍不起

  • js图片上传前预览功能（兼容所有浏览器）

    网上找到的一份文件上传前预览的代码,转自JavaScript 图片的上传前预览(兼容所有浏览器) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> #preview, .img, img { w

  • PHP+jQuery实现滚屏无刷新动态加载数据功能详解

    本文实例讲述了PHP+jQuery实现滚屏无刷新动态加载数据功能.分享给大家供大家参考,具体如下: index.php <?php require_once('connect.php'); //连接数据库 $user = array('demo1','demo2','demo3','demo3','<de></de>mo4'); //模拟了几个用户 ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

  • 使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面

    使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面

    Pjax是啥? Pjax = history.pushState + Ajax = history.pushState + Async JS + XML(xhr?) BOM对象history被增强了一波,主要是对历史栈的操作,以前只有 replace , go 之类的,都会跳转并刷新整个页面,现在有了 pushState , replaceState 等等单纯操作历史栈的方法,只是单纯修改历史栈里的内容,没有副作用(页面不会跳转刷新) PJAX效果 通过url可以跟踪ajax的动态加载内容.这种

随机推荐