开发者社区> 杨俊明> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: CodeDOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.
+关注继续查看

 

img_1c53668bcee393edac0d7b3b3daff1ae.gifimg_405b18b4b6584ae338e0f6ecaf736533.gifCode
<!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 选择器学习笔记
css 选择器学习笔记
53 0
面试官:请说下CSS选择器优先级
面试官:请说下CSS选择器优先级
71 0
CSS 选择器详解
CSS 选择器详解
3733 0
前端学习笔记(8)css选择器(二)
选择器分类 简单选择器:针对某一特征判断是否选中元素。 复合选择器:连续的简单选择器,根据元素特征判断是否选中单个元素。 复杂选择器:由“(空格)“ “ >” “ ~” “ +” “ ||” 等符号连接的复合选择器,根据父元素或者前序元素检查单个元素。
741 0
前端学习笔记(7)css选择器(一)
选择器分类 简单选择器:针对某一特征判断是否选中元素。 复合选择器:连续的简单选择器,根据元素特征判断是否选中单个元素。 复杂选择器:由“(空格)“ “ >” “ ~” “ +” “ ||” 等符号连接的复合选择器,根据父元素或者前序元素检查单个元素。
829 0
CSS样式中选择器失效问题
对于怎么排查样式失效:    1. 学会使用小程序开发者工具提供的小程序调试工具和Chrome调试工具来排查原因(这会很大程度上减少排查问题的    时间);    2. 首先需要确认标签有可能使用什么来作为样式选择器,最常用的是标签、class、id,确认是否设置了相应的属性;    3.
982 0
CSS中的选择器总结
主要应用的选择器就三类:元素选择器,ID选择器,类选择器。 选择器的结合关系有三种:后代结合、子元素结合、相邻兄弟结合。 元素选择器就是以html文档中的标准元素标签作为选择器的标志的。如: h1 {color:red; font-size:14px;}   ID选择器,以元素的唯一ID作为选择器标志。
630 0
+关注
杨俊明
菩提树下的杨过 http://yjmyzz.cnblogs.com/
1102
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载