css
文章平均质量分 62
iteye_15700
这个作者很懒,什么都没留下…
展开
-
简单概述各浏览器间的CSS hack
有关各种浏览器间的css差异令人发指,这里简单介绍ie6,ie7,ie8和ff浏览器的css hack"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox."*" IE6、IE7可以识别.IE8、FireFox不能."_" IE6可以识别"_",IE7、IE8、FireFox不能.如此,就可以完全区分开IE6、IE7、I原创 2010-02-24 17:55:56 · 72 阅读 · 0 评论 -
div层遮罩效果原理实现
我们都知道windows窗口是由a-z序的层结构显示的.同样网页也是这种层次结构.style中z-index(通常称z序)属性决定层的位置.默认 z-index:-1是最底层.通常最底层是我们的页面的主要构架和内容.如果我们要使用自定义的窗口/对话框,则应该z-index>-1.但是这样我们设计的一个非模态的对话框/窗口,焦点可以被自定义窗口以外的元素获焦.其实我们理解窗口是以"层"为结构的道理之...原创 2010-05-18 16:36:43 · 236 阅读 · 0 评论 -
css层叠和继承间的关系
css中元素样式既能从父层继承,也有层叠的规则,那么,如果有如下代码,其在浏览器内会如何显示呢?.warning { color: red; }p { color: green; }层叠和继承的规则如何实现?此代码在浏览器中的显示为红色,这是由于类选择器“warning”和类型选择器“p”的“特殊性”不同,具体原理如下:特殊性 (specificity)描述了不同选择器的相对权...原创 2010-05-26 14:59:06 · 106 阅读 · 0 评论 -
ie6不支持max-width的解决方案
由于ie6不支持max-width属性,所以只有通过js来实现第一种是利用css中的expression来实现例如_width: expression(this.offsetWidth > 500 ? "500px" : this.offsetWidth + "px");可是这种方法很有可能造成浏览器的崩溃,很耗资源,而且会出现不可预料的错误第二种就是在js函数中调用:比如如果...2010-06-21 18:02:36 · 90 阅读 · 0 评论