knrt.net
当前位置:首页 >> 我问一下 Css hACk 是例如在属性或者类名前 增加前... >>

我问一下 Css hACk 是例如在属性或者类名前 增加前...

CSS Hack大致有3种表现形式,CSS属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack,实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。 属性前缀法(即类内部Hack):例如 IE6能识别下划线"_"和星号" ...

_ :ie6 * :ie6、ie7 *+ :ie7 + :ie6、ie7 \9 :ie6、ie7、ie8、ie9、ie10 \0 :ie8、ie9、ie10 \9\0 :ie9、ie10 !important :除ie6外 -moz- :Firefox -webkit- :Safari -o- :Opera -ms- :Ie

这个是用来出来浏览器兼容性的,前面加下划线的元素只有IE6.0能识别,例如: .a { display:none; _display:inline; } 这个就表示调用这个样式的元素在IE7.0或者以上的浏览器是不显示的,而在IE6.0中调试时它就会显示!

CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候...

width:8px\0; /*ie8*/ +width:7px; /*ie7*/ _width:6px; /*ie6*/ 你试试去

css样式在ie中不能正常显示是因为存在兼容性问题。 以padding的兼容性为例: padding:10px; padding:9px\9; /* all ie */ padding:8px\0; /* ie8-9 */ *padding:5px; /* ie6-7 */ +padding:7px; /* ie7 */ _padding:6px; /* ie6 */

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。 IE浏览器Hack一般又分为三种,条件Hack、属性级Hack、选择符Hack(详细参考CSS文档:css文档)。例如: // 1、条件Hack // 2、属性Hack .test{ color:#090\9; / For IE8+ / color:#f00; ...

虽然firefox和chrome不一样,但是大部分CSS都相同,目前我只碰到过一次(基本上我是不看firefox的-_-!!),还是可以兼容的,只是多写了一个属性,下面是我转来的,虽然说太多了,不过看完估计对你有用,后面还有一些兼容技巧 CSS兼容IE6,IE7和FF...

IE6、IE7、FF 与兼容性有关的特性 CSS HACK 代码: 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important(优先级); 一、CSS HACK 以下两种方...

对IE6、IE7、FF兼容性的详细CSS HACK介绍2007年12月05日 16:00以下为引用: 现在我大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对! important可以正确解释,会导致页面没按要求显示!搜索了一下,找到一个针对IE7...

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com