摘要:
之前发布了一篇《IE6、IE7、IE8、Firefox、Chrome 等浏览器兼容的CSS hack》,其中介绍的方法对于大部分应用足够了,但是特殊情况下,在Chrome、Safari3及Opera9下还是会造成一定困扰,这里介绍一种针对 webkit 内核的css hack。使用方法如下:body{color:red; }@mediascreenand (-webkit-min-device-pixel-ratio:0) { /***** 在 Chrome、Safari3 及 Opera9 下字体颜色为蓝色,其他浏览器为红色 *****/ body{color:blue; }}在 Chrom 阅读全文
摘要:
最近做了比较多的网页前端开发,对于CSS的兼容问题比较头大,不过幸好,有个叫CSS Hack的东西,有些问题只要做一些针对性的设置,问题就可以解决了。那么,什么事CSS Hack呢?由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。各浏览器CSS hack兼容表:IE6IE 阅读全文
摘要:
样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。 一般情况下,优先级如下:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。示例如下:<head> <style type="text/css"> /*内部样式*/ h3{color:green;} </style> < 阅读全文