区别IE6与FF:以上,很简单很简单。。。
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important;
IE6 IE7 FF * √ √ × !important × √ √
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
相关:
- 在windows XP下面同时安装IE6,IE7和firefox
(firefox的不同版本间可以共存,但是IE的不同版本之间不能共存,本文主要是解决将IE6和IE7安装到同一个XP系统里面去的问题)
- CSS的各种浏览器兼容一栏表
CSS hack原来那么简单...
居然可以有这种写法...
今天在Ali做东西,很诡异的看到他们写的CSS有种诡异的类定义法。我写CSS以来还是第一次见到有这样定义类而且能正常显示出来的。是BUG,绝对是BUG!!!
html结构是这样写的。
<div class="crumb crumbGSSKinA">
</div>
这种写法调用是没什么,我也经常用,照理说这种是同时调用两个类。但是CSS里面写得很诡异.
.crumb.crumbGSSKinA{}
这样写的话他们就可以单独定义这个div调用类的样式了,然后,我做了下面这个尝试...
html结构是这样写的。
<div class="crumb crumbGSSKinA">
</div>
这种写法调用是没什么,我也经常用,照理说这种是同时调用两个类。但是CSS里面写得很诡异.
.crumb.crumbGSSKinA{}
这样写的话他们就可以单独定义这个div调用类的样式了,然后,我做了下面这个尝试...
CSS教你一招
上面这张图,是今天为了把一些音乐专辑封面像CD盒一样展示出来而做的,这里,有一个小招数让你轻松实现这种小东西~
首先在你的模板样式中建立一个class(类),就像这样 然后,当你在写日志的时候加入图片需要使用这个类时,图片编辑下的[样式类名称]添上你的那个名称就可以了(找不到九进源代码模式在<img>里面写上class="类名称"就可以了),注意,此时的名称不是img.cd,而是cd。这种东西我就给他取名叫御用样式~哈哈,这里解释一下...
CSS教程-空白的连接区域
前段时间看别人写的关于空白的连接区域的CSS教程,个人觉得不是很好,虽然方法类似。下面我来写写我的方法。
首先,建立DIV框架
现在这样是一个普通的文字连接。此时,你可以设置这个DIV下A的属性,但是,你无法讲其变成空白的连接区块。
CSS部分这样写
首先,建立DIV框架
现在这样是一个普通的文字连接。此时,你可以设置这个DIV下A的属性,但是,你无法讲其变成空白的连接区块。
CSS部分这样写