0 Comments

实用但不被IE支持的十大CSS属性(2)

发布于:2013-05-10  |   作者:广州网站建设  |   已聚集:人围观

四、CSS属性之Caption-Side

说到table的属性,这个属性用于声明显示在表格的侧栏的表格标题。它接受top、bottom、left和right四个值。InternetExporer不支持这个属性,table的标题在IE6和IE7中将总是出现在表格的顶部。

五、CSS属性之Counter-Increment/Counter-Reset

有序列表(

 

ExampleSourceCode 


上面的样式将在所有的

标签前面自动添加递增的数字,而且允许你在h2标签上实现和li标签同样的的效果。但是IE6,IE7甚至Safari(直到3.x版本)还不支持这些属性。当然,IE6也不支持:before伪元素。

 广州网站建设,网站建设,广州网页设计,广州网站设计

六、CSS属性之Min-Height

有时,一个网站的设计或布局结构需要一个有固定高度的内容区域,否则特定的视觉效果就会丢掉。这可能会因为一个渐变背景、一个独特的下拉列表、或者可能是因为PS出来的很酷的发光效果。但是有的时候,页面中的内容会比较多,而页面却不能像预期那样展开。这个时候就需要用到min-height属性了,因为它可以告诉浏览器在一个特定的块级元素上渲染最小的高度,不管内容的实际高度是否达到了这个最小高度。然后呢,如果内容超出了最小高度,该元素就会适度的扩展开。

使用min-height唯一需要注意到的是它在IE6中不被支持。我们都知道IE6在(缓慢的)退出历史舞台,但是有的客户可能仍然要求他们的网站支持这个该死的浏览器。

不过令人高兴的是,IE6渲染height的值的方法正好和其它浏览器渲染“min-height”的方式一样,所以你只需要一个针对IE6的hack或独立的样式表来为该元素添加特定的height,这个问题就解决了。 IE6同样无视min-width、max-height和max-width,但是上述方法在这些属性上也是可行的。

七、CSS属性之:hover

从技术上来说,:hover只是一个伪类,但是它在IE6中不被支持(IE7和IE8支持)。:hover伪类允许你在元素上添加任何的鼠标经过样式。这非常有用,可以避免(至少在某种程度上)使用JavaScript。但是如果你的网站,需要完全支持IE6,特别是在中国这种IE6一手遮天的情况下,那么你就必须考虑取消使用这个伪类,除非相关的标签有个”href”属性,比如标签。而且如果要实现这种效果,可能必须借助于javascript和额外的样式。

广州网站建设,网站建设,广州网页设计,广州网站设计

    )非常方便,因为它可以省去你手工添加递增数字的麻烦,而且它允许你不用更改数字就能改变列表的序列。
    CSS拥有counter-increment和counter-reset属性,它允许你用来自动生成递增数字到几乎所有的HTML元素上,就像有序列表的效果一样。
    这里有个示例:
    1. h2{counter-increment:headers;}  
    2. h2:before{content:counter(headers)".";}  
    3.  
标签:
飞机