IE11下不能引入外部css，试了好久，特来求解_html/css_WEB-ITnose
程序员文章站
2022-03-25 09:23:20
...
html代码：
首页实战
电话:010-51282827
手机:l342 6060 l34
地址:中关村南大街九龙商务中心C座
web
lionhit.com
css代码：
@charset "UTF-8";
#container {
width: 1002px;
margin: 0 auto;
}
#header {
height: 128px;
background: url(../images/top_bg.jpg);
background-repeat: no-repeat;
}
#nav li {
float: left;
margin-right: 1px;
}
#nav a {
color: #363635;
font: 15px/37px '微软雅黑';
display: block;
width: 92px;
height: 37px;
text-align: center;
}
#nav a:hover {
background: url(../images/nav_on.gif);
}
#main {
}
#lside {
border: 1px solid #eee;
border-top: none;
width: 692px;
float: left;
}
.subtitle {
height: 37px;
background: url(../images/article_bg.gif);
}
.subtitle img {
margin: 5px 0px 0px 10px;
float: left;
}
.subtitle h1 {
float: left;
color: #151515;
font: 16px/37px '微软雅黑';
}
.subtitle a {
float: right;
color: #888;
font: 12px '微软雅黑';
}
.four {
width: 326px;
height: 200px;
background: #eee;
float: left;
margin: 10px;
_display:inline;
}
.four img {
float: left;
margin-left: 10px;
padding: 6px;
background: white;
}
.four h2 {
font: 16px '宋体';
color:#a0a0a0;
margin-left: 10px;
}
.four ul {
float: left;
}
.four li {
background: url(../images/service_intro_bg.gif) no-repeat;
background-position: left center;
padding-left: 10px;
margin: 5px 0;
}
.four a {
color: #888;
font: 12px '微软雅黑';
height:20px;
}
.four a:visted {
color: #808080;
}
.four a:hover {
color: #ff823c;
}
#rside {
width: 294px;
float: right;
}
#art {
background: #eee;
margin-top: 1px;
padding-top: 5px;
margin-bottom: 12px;
}
#art li {
font: 12px/30px sans-serif;
}
#art a {
padding-left: 30px;
display: block;
height: 30px;
color: #888;
background: url(../images/article_head.gif) no-repeat;
background-position: left center;
}
#art a:hover{
color: orange;
background: url(../images/article_on_bg.gif);
}
#lian {
background: #eee;
height: 145px;
color: gray;
font: 12px '微软雅黑';
padding: 20px 0 0 10px;
}
#lian img {
display: inline;
}
#footer {
clear: both;
}
#contact {
margin-top: 1px;
background: #eee;
height: 40px;
}
#contact li{
font-size: 12px;
float: left;
width: 60px;
padding-left: 20px;
padding-top: 10px;
}
#contact a {
color: gray;
font: 14px '宋体';
}
#contact a:hover {
color: orange;
}
address {
float: left;
color: gray;
font: 12px '微软雅黑';
padding-top: 10px;
padding-bottom: 10px;
}
#wai {
float: left;
color: gray;
font: 12px '微软雅黑',sans-serif;
margin-top: 10px;
margin-bottom: 10px;
}
#wai a {
color:orange;
margin-left: 10px;
}
#wai a:hover {
color: gray;
}
css路径是对的？两个css文件没有冲突？
css路径、图片路径可能不对或者图片没上传 文件传上服务器，路径就可能变了
你按F12调试一下吧 看看控制台有没有错误 IE比较严格 稍差一点都会出错
电话:010-51282827
手机:l342 6060 l34
地址:中关村南大街九龙商务中心C座
css代码：
@charset "UTF-8";
#container {
width: 1002px;
margin: 0 auto;
}
#header {
height: 128px;
background: url(../images/top_bg.jpg);
background-repeat: no-repeat;
}
#nav li {
float: left;
margin-right: 1px;
}
#nav a {
color: #363635;
font: 15px/37px '微软雅黑';
display: block;
width: 92px;
height: 37px;
text-align: center;
}
#nav a:hover {
background: url(../images/nav_on.gif);
}
#main {
}
#lside {
border: 1px solid #eee;
border-top: none;
width: 692px;
float: left;
}
.subtitle {
height: 37px;
background: url(../images/article_bg.gif);
}
.subtitle img {
margin: 5px 0px 0px 10px;
float: left;
}
.subtitle h1 {
float: left;
color: #151515;
font: 16px/37px '微软雅黑';
}
.subtitle a {
float: right;
color: #888;
font: 12px '微软雅黑';
}
.four {
width: 326px;
height: 200px;
background: #eee;
float: left;
margin: 10px;
_display:inline;
}
.four img {
float: left;
margin-left: 10px;
padding: 6px;
background: white;
}
.four h2 {
font: 16px '宋体';
color:#a0a0a0;
margin-left: 10px;
}
.four ul {
float: left;
}
.four li {
background: url(../images/service_intro_bg.gif) no-repeat;
background-position: left center;
padding-left: 10px;
margin: 5px 0;
}
.four a {
color: #888;
font: 12px '微软雅黑';
height:20px;
}
.four a:visted {
color: #808080;
}
.four a:hover {
color: #ff823c;
}
#rside {
width: 294px;
float: right;
}
#art {
background: #eee;
margin-top: 1px;
padding-top: 5px;
margin-bottom: 12px;
}
#art li {
font: 12px/30px sans-serif;
}
#art a {
padding-left: 30px;
display: block;
height: 30px;
color: #888;
background: url(../images/article_head.gif) no-repeat;
background-position: left center;
}
#art a:hover{
color: orange;
background: url(../images/article_on_bg.gif);
}
#lian {
background: #eee;
height: 145px;
color: gray;
font: 12px '微软雅黑';
padding: 20px 0 0 10px;
}
#lian img {
display: inline;
}
#footer {
clear: both;
}
#contact {
margin-top: 1px;
background: #eee;
height: 40px;
}
#contact li{
font-size: 12px;
float: left;
width: 60px;
padding-left: 20px;
padding-top: 10px;
}
#contact a {
color: gray;
font: 14px '宋体';
}
#contact a:hover {
color: orange;
}
address {
float: left;
color: gray;
font: 12px '微软雅黑';
padding-top: 10px;
padding-bottom: 10px;
}
#wai {
float: left;
color: gray;
font: 12px '微软雅黑',sans-serif;
margin-top: 10px;
margin-bottom: 10px;
}
#wai a {
color:orange;
margin-left: 10px;
}
#wai a:hover {
color: gray;
}
回复讨论(解决方案)
css里 写.XXX
然后html里写class="XXX"
不可以吗？
里加 type="text/css" 试试
加type试过了，没用
加type试过了，没用
css路径是对的？两个css文件没有冲突？
我都传到服务器上了，在IE下连图片都没了
我都传到服务器上了，在IE下连图片都没了
css路径、图片路径可能不对或者图片没上传 文件传上服务器，路径就可能变了
你确定是iE11下不能引入吗？
你试一试谷歌和火狐。
F12调试一下。
肯定是你的路径写的有问题！
谷歌， 火狐，safary下都是正常的，今天晚上睡不着了
谷歌， 火狐，safary下都是正常的，今天晚上睡不着了
你按F12调试一下吧 看看控制台有没有错误 IE比较严格 稍差一点都会出错
1，检查格式
2，检查路径
打开谷歌控制台，找到标签，右击路径在新窗口中打开CSS文件，看是否能打开