0 Comments

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

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

你对CSS属性的用法是否比较熟悉,这里和大家分享一下十大很实但IE却不支持的CSS属性,通过对这些IE不支持的CSS属性的学习,我们就可以更有针对性的去编写CSS和Hack了。

十个非常实用但不被IE支持的CSS属性

在51cto.com中介绍了很多CSS属性知识,也有很多DIV CSS布局实例。对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态,偶尔甚至产生非常消极的想法:这个世界只有一个浏览器就好了,哪怕这唯一的浏览器就是IE6。当然,这样的想法是非常病态的,马上打消。本文里面介绍了10个很实但IE却不支持的CSS属性,列出这些属性并不是为了数落IE(数落也没用),而是你了解了哪些CSS属性是IE不支持的,就更有针对性的去编写CSS和Hack了。

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

一、CSS属性之Outline

在调试CSS问题的时候,我常常在指定元素上添加border来精确的查看该元素会发生什么并帮助确定问题的来源。这常常是有效的,因为它可以在布局上给我更加具体的可视性。但是如果是块级元素,这可能会发生某些错误——在任何块级元素上添加1px的边框很可能会影响到布局,它会让这个元素的宽度额外增加2px。

outline属性是完美的替代者,因为它可以在不影响文档流的情况下呈现该对象。但是IE6和IE7不支持outline属性,所以,它不能在这两个浏览器中用于调试。

二、CSS属性之Inherit(值)

在CSS开发中有很多这样的例子:通过在特定元素上设置某些样式来告诉该元素来“继承”它父级元素的所有已添加的属性,这样你就可以避免相当多的键盘输入。

这可以通过设置inherit来很容易的实现。这可能很有用。比如,当重写background属性的时候,常常会有很多的文字在该属性中(色彩、图片的URL地址、位置等)。所以,与其重新写这些值,你可能仅仅想要考虑中的元素和其父级元素有相同的背景属性,一个inherit值就可以搞定一切——这显然大大的节省了键盘输入。
不幸的是,inherit值在IE6和IE7不被支持(除了用于direction(文字方向)和visibility属性)。
某人说,代码就像女人的裙子——越短越好,看来IE会阻碍我们这个愿望的实现。

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

三、CSS属性之Empty-Cells

该属性只用于table或者”display”属性被设置为”table-cell”的元素。如果你动态的为一个table添加内容,就可能会遇到某个单元格的内容为空的情况,然后你又不希望这个空的单元格的边框、背景色、背景图片等隐藏掉。
使用”empty-cells:hide”就能解决这个问题,它会将可能出现这种情况的单元格完全隐藏掉。
InternetExplorer不支持empty-cells属性。

标签:
飞机