您现在的位置是:网站首页> 编程资料编程资料
都是IE惹的祸多浏览器兼容问题_经验交流_
2023-05-25
370人已围观
简介 都是IE惹的祸多浏览器兼容问题_经验交流_
IE7发布已经有些日子了,因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容,找到了一个解决办法,这里既是共享,也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历,以下代码区分4个浏览器,复制代码保存成一个HTML文件看看效果吧:(
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
特别提醒:
#example {
background: red; /*For Moz*/
}
* html #example {
background: yellow; /*For IE5*/
background/**/: green; /*For IE6*/
}
*+html #example {
background: blue; /*For IE7*/
}
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
特别提醒:
#example {
background: red; /*For Moz*/
}
* html #example {
background: yellow; /*For IE5*/
background/**/: green; /*For IE6*/
}
*+html #example {
background: blue; /*For IE7*/
}
相关内容
- 推荐一篇利用th,colgroup,col定义表格样式_经验交流_
- 你不一定知道的Label的For用法_经验交流_
- CSS网页布局入门教程14:纵向下拉及多级弹出式菜单_基础教程_
- CSS网页布局入门教程13:下拉及多级弹出式菜单_基础教程_
- CSS网页布局入门教程12:纵向导航菜单_基础教程_
- CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版_基础教程_
- CSS网页布局入门教程10:带当前标识的标签式横向导航_基础教程_
- CSS网页布局入门教程9:用CSS设计网站导航——横向导航_基础教程_
- CSS网页布局入门教程8:三列浮动中间列宽度自适应_基础教程_
- CSS网页布局入门教程7:二列固定宽度居中_基础教程_
