CSS不是在IE7中工作，而是全部工作
CSS不是在IE7中工作，而是全部工作
提问于 2012-07-31 06:11:58
我在做内部客户网站的工作。如果某个特定的CSS不是在IE7中应用，而是在IE8、9和其他方面应用的话。
我正在使用IE9的IE7浏览和文档模式签入。
CSS：
ul.default-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
margin-bottom: 20px;
}
ul.default-list li {
padding: 0;
margin: 0;
background: url(../images/arrow-red.gif) no-repeat left 6px;
padding-left: 13px;
margin-bottom: 17px;
}
.fl {
float: left;
}
.no-margin li {
margin: 0;
}HTML：
<ul class="default-list fl no-margin" sizcache="2" sizset="10">
<li sizcache="0" sizset="20"><a href="#item1">Item 1</a></li>
<li sizcache="0" sizset="21"><a href="#Item 2">Item 2</a></li>
<li sizcache="0" sizset="22"><a href="#Item 3">Item 3</a></li>
<li sizcache="0" sizset="23"><a href="#Item 4">Item 4</a></li>
</ul>IE8模式屏幕截图
IE7模式屏幕截图
页首部分
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,400italic,700,700italic' rel='stylesheet' />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" media="all" />
<link rel="stylesheet" href="css/main.css?version=56" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-#####-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<link rel="stylesheet" href="css/about-us.css?version=56" media="all" />
</head>最后一个CSS文件是CSS，其中包含我前面提到的代码。
编辑:刚才
我把我的脑袋都扯下来了，但问题仍然存在。
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/about-us.css?version=56" media="all" />
</head>回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-31 08:15:15
我已经评估了你的css，在你的css中有一些错误，如果我从ul.default-list中删除整个css，它可以正常工作。
编辑：
正如我所假设的，在1038行的CSS中有一些问题，即
ol li:before, ol .num { float: left; margin: 0 4px 0 0; padding: 0 7px 0 0; background: url(../images/bullet.gif) no-repeat 100% 8px; color: #000; content: counters(item, ".") " "; counter-increment: item; }和线1046，即
ol li:before, ol .num { float: left; margin: 0 4px 0 0; padding: 0 7px 0 0; background: url(../images/bullet.gif) no-repeat 100% 8px; color: #000; content: counters(item, ".") " "; counter-increment: item; }我认为在这些行中，content: counters(item, ".") " ";应该是content: counters(item,".") " "，我已经删除了(item,".")和它之间的空间。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11734159
复制相关文章
相似问题
腾讯云开发者
