个人整理的CSS hack

最新推荐文章于 2021-06-16 05:29:47 发布

budinger

最新推荐文章于 2021-06-16 05:29:47 发布

阅读量2.2k

点赞数

分类专栏：前端开发&HTML5 私家菜文章标签： css ie firefox 测试 html 浏览器

本文链接：https://blog.csdn.net/budinger/article/details/7493181

版权

前端开发&HTML5 同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

私家菜

26 篇文章 0 订阅

订阅专栏

下面的代码都是经过测试的，然后总结下来的，不足之处还忘指正。也可以来我们的群交流：137684622

测试环境：ietester IE9 firefox chrome

		case:  首位 background:属性  末尾
		经过测试
		末尾 属性值：\9   		支持：IE所有版本
		末尾 属性值：\0   		支持：IE8 IE9
		末尾 属性值：\0\9   		支持：IE8 IE9
		首位 属性值：*   		支持：IE6 IE7
		首位 属性值：+   		支持：IE6 IE7
		首位 属性值：*+   		支持：IE6 IE7
		首位 属性值：_ 			支持：IE6
		首位 属性值：-			支持：IE6
		
		注意事项：IE6对所有“单标签”（指的是+ - ： 等等标签）都能正常显示其属性。 IE9属于标准的浏览器了，所以无需使用hack

附上代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title></title>
	<style type="text/css">
		.test{
			background:#ccc;
			:background:red;/*IE6也支持*/
			height:200px;
			width:200px;
		}
	</style>
</head>
<body>
	<div class="test">
		 test 
	</div>
	<font color=red>
		测试环境：ietester  IE9 firefox chrome
	</font>
	<pre>
		case:  首位 background:属性  末尾
		经过测试
		末尾 属性值：\9   		支持：IE所有版本
		末尾 属性值：\0   		支持：IE8 IE9
		末尾 属性值：\0\9   		支持：IE8 IE9
		首位 属性值：*   		支持：IE6 IE7
		首位 属性值：+   		支持：IE6 IE7
		首位 属性值：*+   		支持：IE6 IE7
		首位 属性值：_ 			支持：IE6
		首位 属性值：-			支持：IE6
		
		注意事项：IE6对所有“单标签”（指的是+ - ： 等等标签）都能正常显示其属性
		
		
	</pre>
</body>
</html>

budinger

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
个人整理的CSS hack

下面的代码都是经过测试的，然后总结下来的，不足之处还忘指正。也可以来我们的群交流：137684622测试环境：ietester IE9 firefox chrome case: 首位 background:属性末尾经过测试末尾属性值：\9 支持：IE所有版本末尾属性值：\0 支持：IE8 IE9 末尾属性值：\0\9 支持
复制链接

扫一扫

专栏目录