关于CSS中background:url()属性解决办法
日期：2014-05-17 浏览次数：20841 次
关于CSS中background:url()属性
页面代码：
CSS代码：
用Chorme打开没问题，而IE和FF似乎都没有CSS的效果
------解决方案--------------------
type="type/css"
应该是type="text/css"
页面代码：
- HTML code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<link href='../css/all.css' rel="styleSheet" type="type/css">
</head>
<body>
<div id='header'>
<div id='menu'>
<ul>
<li><a href="index.html">首 页</a></li>
<li><a href="research.html">研究方向</a></li>
<li><a href="topic.html">研究课题</a></li>
<li><a href="team.html">研究团队</a></li>
<li><a href="cooperation.html">交流合作</a></li>
<li><a href="product.html">研究成果</a></li>
<li><a href="passenger.html">毕业成员</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class='cnt'>
<div class='t2'>
实验室简介：
</div>
<div class='intro'>
XXXX内容XXXX
</div>
</div>
<script>
</script>
</body>
</html>
CSS代码：
- CSS code
* {
outline:medium none;
}
body {
font-family:Verdana;
font-size:12px;
line-height:1.5;
}
a {
color:#000;
text-decoration:none;
}
a:hover{
color:#F00
}
#header{
background: url("../image/banner.png");
height:150px;
overflow:visible;
position:relative;
z-index:995;
}
#header #menu{
left:0;
margin:0;
overflow:visible;
padding:0;
position:absolute;
top:75px;
width:100%;
z-index:990;
border:1px solid #CCC;
height:26px;
background:#eee;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu ul li{
float:left;
padding:0px 8px;
height:26px;
line-height:26px;
}
用Chorme打开没问题，而IE和FF似乎都没有CSS的效果
------解决方案--------------------
type="type/css"
应该是type="text/css"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
