网页设计最全的CSS Hack
发布人:一全科技 来源:www.68ttt.com 发布于:2011-05-21 23:13:03 浏览:988

辽宁12选5走势图表 www.jc1o.cn CSS Hack 是用来解决目前各类浏览器无法标准解析CSS样式,导致网页在各浏览器下出现显示效果不一致的兼容问题。目前我们无法指望各类浏览器能实现统一的解析标准,所以只能用CSS Hack来单独纠正各大浏览器的兼容问题。

在网上随便可以搜索到大堆的CSS Hack但是却很难找到最齐全的CSS Hack,而且网上流传的CSS Hack基本上都需要按顺序来写,对于新手来说的话就会显得比较麻烦了。所以我们必须需要一份最完全的CSS Hack,他必须单独针对某个浏览器,而不需要繁琐的去排序。 最全的CSS Hack请往下面看吧!

/* 针对IE 6的专属CSS Hack */

#id{
_display: block;
}

IE6浏览器下只要在CSS属性前加上一个小下划线就行了。

/* IE 7 */
#id{
*display: block;
}

IE7浏览器下只要在CSS属性前加上一个星号就行了。

/* IE 8*/
#id{
margin-top: 10px \9; /*IE8*/
}

IE8浏览器下只要在CSS属性后面,分号前面打上一个空格然后反斜线加一个数字9就行了。

/* Firefox */
@-moz-document url-prefix()
{
#id{ display: block; }
}

火狐浏览器下,只要将CSS代码写入到 @-moz-document url-prefix(){ } 里面就行了。

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#id { display: block; }
}

苹果的Safair和火狐差不多,写到 @media screen and (-webkit-min-device-pixel-ratio:0){ } 这里面。

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #id { display: block; }
}

Oprea也是照葫芦画瓢。

PS:上面的CSS样式中的“#id” 就是需要渲染的元素。也可以是class。CSS Hack虽然可以解决浏览器的兼容性问题,但是却通不过W3C的验证,不说话又说回来浏览器都不标准还管得着W3C标准吗。

  • 为什么说一直辛苦劳作的农民没有富起来?而不说一直勤劳的农民没有富起来? 2019-06-15
  • 刘红:关注乳腺健康 做好体检预防工作 2019-06-11
  • 中国伊斯兰教协会“四进”清真寺活动启动 2019-06-05
  • 我国社会组织正成为全球治理体系中的新生力量 2019-06-05
  • 林肯全新Navigator领航员正式上市 售112.80万元起 2019-05-27
  • “川商走进新经济”第一场活动落幕 2019-05-14
  • 还加上制裁伊朗引起价格飙升的石油战 2019-05-14
  • 青海:52个客运站卫生间将全面改造 2019-05-12
  • 依规治党和依法治国结合的典范 2019-05-12
  • 内蒙古水利厅厅长付万惠接受纪律审查和监察调查 2019-05-11
  • 传销就是利用这种劣根性。 2019-05-08
  • 女性之声——全国妇联 2019-04-22
  • 不忘初心继续前进——七集政论专题片 2019-04-21
  • 百姓故事:摔跤吧!女孩 2019-04-16
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-04-16
  • 竞彩篮球比分怎么比 新时时彩加奖 足球直播吧 天线宝宝高手心水论坛 最快比分网官方入口 广西快3开奖官方同步 吉林快三跨度和值走势 七星彩2025期规律了之 赛马会官方网站 河北十一选五遗漏top10 线上pk10 山西十一选五预测专家推荐号 福彩七乐彩走势图1000 篮彩竞猜比分直播 江西多乐彩新十一选五开奖结果查询