CSS跨浏览器支持技术摘要.ppt

Page ? * 课程目录 1.为特定浏览器提供不同的样式 2.解决空白边叠加的问题 3.避免浮动元素闭合 4.CSS BUG 5.常见问题及解决 1.为特定浏览器提供不同的样式 前言，对于开发人员来说最大的问题是绝大多数用户仍然在使用IE6，而它是一个对CSS规范支持较差，问题较多的浏览器。 1.1条件注释 前言，是一种安全的区分IE浏览器版本的语法，且被认为是取代对IE CSS hack 的首选方法。 1.条件注释:就是一些if判断，但这些判断不是在脚本里面执行的，而是直接在HTML代码里执行。 例如: !--[if IE] 这里只在IE浏览器中显示 ![endif]-- 说明:条件注释的基本结构和HTML的注释(!)是一样的。因此IE以外的浏览器将会把他们看做是普通的注释而完全忽略它们。 IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。 条件注释使用的是HTML的注释结构，因此它们只能用在HTML文件里，而不CSS文件中使用。 1.1条件注释 例1. 判断是否是IE !-- [if IE] ! [endif]-- 例2.判断是否是IE6 !--[if IE 6] ! [