讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > html教程 > 正文

2013全面兼容多浏览器IE6?8&火狐&其他主流浏览器的CSS HACK写法_html/css_WEB-ITnose

php中文网
发布： 2016-06-21 09:42:18
原创
1364人浏览过

兼容性

为客户解决兼容性问题的同时记录下了解决方法，给大家分享分享。。。。

把这段代码放到里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写就可以了 
复制代码
代码如下:

background:#ffc; /* 对firefox有效*/ 
*background:#ccc; /* 对ie7有效 */ 
_background:#000; /* 只对ie6有效 */ 

解释一下吧： 

firefox能解析第一段，后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了，所以只认background:#ffc，看到的是黄色； 

ie7前两短都能认，以最后的为准，所以最后解析是background:#ccc，看到的是灰色； 

ie6三段都能认，而且“_”这个只有ie6能认，所以最后解析是_background:#000，看到的是黑色 

阿门！已经是最简单和最好理解的写法了，如果你是google进来的，我可以很负责任的告诉你，这种方法是ok的，我测试过。 

ie8的那段兼容7的代码我也测试过了，在我现在的windos 7 测试版所带的ie8是没问题的，以后ie8正式版出来还管不管用就不知道了。 

ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看之前的内容是不是这样的标准写法 

nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>


这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证

回复讨论(解决方案)

外链有广告嫌疑...

那IE6不能识别属性选择器怎么办?


你这个岂不让IE8+都按照IE7模式显示？
这样不好吧，难道你觉得IE7-是最好的浏览器，无视IE8，IE9，IE10？

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：帮忙分析下dtcms菜单栏_html/css_WEB-ITnose 下一篇：能不能定义body外面的页面背景色_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html5如何添加图形_在HTML5中添加SVG等矢量图形【矢量】 HTML5支持五种SVG嵌入方式：一、内联SVG代码；二、object标签嵌入外部文件；三、img标签引用静态SVG；四、iframe隔离嵌入；五、JavaScript动态生成SVG元素。
2025-12-19 14:51:34
542
HTML如何取消文字粗体_字体样式重置技巧【教程】 可通过CSS的font-weight:normal、移除/标签、all:unset重置、font-family回退或!important强制覆盖五种方法取消HTML粗体样式。
2025-12-19 14:47:14
106
html5模板使用指南_语义化模板标签应用【教程】 HTML5语义化标签规范应用包括：一、用定义头部并嵌套；二、用标注主导航且需明确标识；三、用唯一包裹核心内容；四、用封装独立可复用内容并含标题；五、用标注附属信息；六、用定义页脚或区块尾部。
2025-12-19 14:47:02
888
如何转行html_从其他行业转行学习HTML开发【开发】 转行学HTML需系统掌握网页结构与语义化标签，推荐五条路径：一、从零构建知识体系；二、用Chrome开发者工具反向解析DOM；三、通过个人简介等微型项目驱动学习；四、用GitHub实践版本控制与部署；五、对旧代码进行语义化重构以提升可访问性与SEO。
2025-12-19 14:37:02
611
如何让图片撑满html_设置图片充满HTML容器方法【充满】 使用object-fit:cover配合宽高100%可使图片等比缩放并裁剪以完全覆盖容器；背景图方式通过background-size:cover或100%100%实现填充；绝对定位加transform缩放适用于旧浏览器；picture+srcset支持响应式加载；clip-path则通过放大裁切强制撑满。
2025-12-19 14:33:07
784
如何更改HTML默认样式_CSS重置与覆盖方法【指南】 应使用CSS重置、Normalize.css、针对性覆盖、CSS自定义属性及禁用用户代理样式等五种方法统一网页默认样式。具体包括设边距为0、引入normalize.css、用!important或高特异性选择器覆盖、定义:root变量、移除outline与默认边框等。
2025-12-19 14:26:02
922
html元素如何写_编写标准HTML元素语法规范【语法】 标准HTML元素语法要求：标签小写、正确嵌套、双引号包裹属性值；空元素自闭合；根结构含lang和UTF-8声明；特殊字符用实体转义；注释格式规范。
2025-12-19 14:03:07
146
html5显示边框样式_CSS边框属性多样化设置【技巧】 HTML5中可通过border简写、四边独立设置、border-radius圆角、border-image图片边框及transparent/none透明隐藏等五种方式实现丰富边框效果。
2025-12-19 13:56:03
344
html5设置字体样式_CSS字体属性全面控制方法【技巧】 CSS通过font-family、font-size、font-weight、font-style、font简写、font-feature-settings及@font-face七种方式精确控制HTML5文本外观，覆盖字体选择、尺寸、粗细、风格、高级排版与自定义加载。
2025-12-19 13:48:57
608
html5如何连接到html文件_HTML5连接HTML文件步骤与链接技巧【教程】 HTML5中引入其他HTML文件有五种方式：一、用a标签跳转；二、用iframe嵌入；三、用JavaScript动态加载；四、用object标签嵌入；五、用SSI或构建工具预处理合并。
2025-12-19 13:39:10
853
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部