开发者社区> 杨俊明> 正文

ie6,ie7,ff 的css兼容hack写法

2009-01-11 827

简介： CodeDOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"http://www.w3.org/TR/html4/loose.

+关注继续查看

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type='text/css'>
#example { background: #ff0000;width:100px;height:100px } /* Moz/FF/IE8 beta2 */
*html #example { background: #00ff00; } /* IE6 */
*+html #example { background: #0000ff; } /* IE7 */

.demo { background: #ff0000;width:100px;height:50px } /* Moz/FF/IE8 beta2 */
*html .demo { background: #00ff00; } /* IE6 */
*+html .demo { background: #0000ff; } /* IE7 */
</style>
</head>
<title>css hack</title>
<body>
<div id="example">id示例</div>
<br />
<div class="demo">class示例</div>
</body>
</html>

在ie6下，二个div的背景为绿色，ie7下显示为蓝色，ff下显示为红色(ie8 beta2下显示跟ff相同)

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

前端开发

CSS Hack CSS兼容 CSS IE CSS ie6

开发者社区 > 开发与运维 > 文章

云迁移中心

作者高分内容

更多

jdk 10.0.2 bug修复 1388 spring cloud: 使用consul来替换config server 4793 spring cloud: 使用consul来替换eureka 3604 jdk9+版本的bug 1206 用spring boot 2从零开始创建区块链 1578

相关文章

江山如婳

CSS实现文字竖排显示（兼容IE6/IE7）

平时我们常使文字横排显示，那么如何用CSS实现文字竖排显示呢？

12309 0

江山如婳

纯css选取指定元素（兼容IE6/7/8）

如何使用纯css选取指定元素且能兼容IE6/7/8？

1685 0

技术小阿哥

CSS对IE7，IE6，FireFox和其它不同浏览器的控制(转)

813 0

文艺小青年

div+css 布局下兼容IE6 IE7 FF常见问题

1213 0

嗯哼9925

魔哥--Css:背景色透明，内容不透明之终极方法！兼容(不支持ie6)。

994 0

嗯哼9925

IE5,IE6,IE7,IE8的css兼容性列表[转自MSDN]

1046 0

文艺小青年

完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

1104 0

技术小牛人

css响应式布局兼容ie6

857 0

嗯哼9925

css编码问题导致ie6不能正确解析文件内容

839 0

文艺小青年

CSS解决IE6下PNG图片背景不透明的问题

1021 0

+关注

杨俊明

菩提树下的杨过 http://yjmyzz.cnblogs.com/

文章

问答

作者高分内容

更多

jdk 10.0.2 bug修复 1388 spring cloud: 使用consul来替换config server 4793 spring cloud: 使用consul来替换eureka 3604 jdk9+版本的bug 1206 用spring boot 2从零开始创建区块链 1578

文章排行榜

最热

最新

1 C生万物 | 操作符汇总大全【庖丁解牛，精细讲解】 95721

2 Spring源码分析之循环依赖及解决方案（一） 93272

3 重识Flutter 非常用Slivers组件速览 - part3 84050

4 无缝切换？从Vue到React 81219

5 fastjson2为什么这么快 74313

6 JVM（Java虚拟机）详解（JVM 内存模型、堆、GC、直接内存、性能调优） 67932

7 Spark+Celeborn：更快，更稳，更弹性 66689

8 Meetup 报名丨共话云原生架构升级，微服务x容器开源 Meetup 北京站来啦！ 64329

9 CVPR2021 | 视觉推理解释框架VRX：用结构化视觉概念作为解释网络推理逻辑的「语言」 63309

10 结构化总结与结构化思考之《金字塔原理》总结 56112

11 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 53923

12 IoT设备的数据格式ProtoBuf转JSON 41036

13 重构的核心-让代码保持整洁 40227

14 【Linux】-- 开发工具yum、vim、gcc、g++、gdb、make、makefile使用介绍（一） 39745

15 IoT设备数据业务价值洞察实践 37810

16 【C++修炼之路】类和对象（中）—— 筑基篇 37093

17 Hive数据倾斜的原因以及常用解决方案 33009

18 高并发编程之阻塞队列 32536

19 Spring 事务【隔离级别与传播机制】 30298

20 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29320

1 官宣｜Apache Flink 1.17 发布公告 186

2 基于阿里云eRDMA的GPU实例大幅提升多机训练性能 118

3 基于阿里云弹性GPU服务的神龙AI加速引擎，无缝提升AI训练性能 110

4 重构计算，驱动视界：阿里云视觉计算思考与实践 112

5 全新升级｜ECS成熟度评估与洞察，助你精准定位运维风险 64

6 网络平台挑选实名制认证API接口的注意事项 73

7 vika维格表 x 阿里云计算巢：SaaS 云端私有化部署，助力企业数字化转型 252

8 为什么 C# 可能是最好的第一编程语言 136

9 Airwallex 基于 Flink 打造实时风控系统 93

10 IoT小程序在展示中央空调采集数据和实时运行状态上的应用 22811

11 应对网络不可靠挑战，用 OpenYurt 实现边缘业务连续性 8076

12 Meta2032开发功能丨Meta2032系统开发（开发详细）丨Meta2032系统源码部署 58

13 技术一号位的方法论《个人篇》——人成长的本质以及如何构建个人成长路线图 5453

14 企业如何申请短信接口服务 138

15 JVM学习.02 内存分配和回收策略 4759

16 5分钟构建API接口服务 | python小知识 6818

17 流批一体在 AI 核心电商领域的探索与实践 161

18 JAVA实战：如何让单元测试覆盖率达到80%甚至以上 60

19 Linux线程同步与互斥（一） 4957

20 云起实验室《喜迎新春体验福利大放送》中奖名单&问答 77

相关课程

更多

前端开发CSS基础

4155

21

去学习

零基础学前端HTML+CSS

8754

57

去学习

CSS 快速掌握

19077

49

去学习

相关电子书

更多

零基础CSS入门教程

立即下载

低代码开发师（初级）实战教程

立即下载

阿里巴巴DevOps 最佳实践手册

立即下载