最常用的12种CSS BUG解决方法与技巧
文章来源:中国站长网 文章作者:编辑整理 日期:2008年10月02日
CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中,也包含
CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中,也包含了这方面的内容。轻松的解决CSS bug是我们必须掌握的技能。现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧。希望对您的学习、工作有所帮助,如果您依然有疑问,欢迎您到52CSS.com查阅、搜索相关内容。
一、 针对浏览器的选择器
这些选择器在你需要针对某款浏览器进行css设计时将非常有用。
IE6及其更低版本 * html {} IE7及其更低版本 *:first-child+html {} * html {} 仅针对IE7 *:first-child+html {} IE7和当代浏览器 html>body{} 仅当代浏览器(IE7不适用) html>/**/body{} Opera9及其更低版本 html:first-child {} Safari html[xmlns*=""] body:last-child {} |
要使用这些选择器,请将它们放在样式之前. 例如:
#content-box { width: 300px; height: 150px; } |
* html #content-box { width: 250px; } |
当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。 IE6以下 |
*html{} |
IE 7 以下
*:first-child+html {} * html {} |
只对IE 7
*:first-child+html {} |
只对IE 7 和现代浏览器
html>body {} |
相关文章
- ·09/1821个神奇的CSS技巧
- ·09/04网页设计师需要掌握的11项SEO技巧
- ·07/12地方工作室 文章内容CSS炫酷效果公布
- ·05/12回望北川:为了不能忘却的纪念
- ·04/14将写程序代码视为一种享受!
- ·02/28快即是好 缩短你网页开发时间的十大方法
- ·02/28流量大不要怕 WordPress类型博客的优化法
- ·02/28CSS初学者技巧 CSS标准和最佳示例图
- ·02/28zblog和wordpress使用感受 还是选择zblog
- ·02/28img图片元素下多余空白BUG解决方案集锦