Home  >  Article  >  Web Front-end  >  External css cannot be introduced under IE11. After trying for a long time, I came here to solve the problem_html/css_WEB-ITnose

External css cannot be introduced under IE11. After trying for a long time, I came here to solve the problem_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:43:491304browse

html代码:





首页实战






    


    
    

    

    

    
    

核心业务


     MORE>>
    

    

       

电子商务网站建设


         
         
    

    

       

电子商务网站建设


         
         
    

    

       

电子商务网站建设


         
         
    

    

       

电子商务网站建设


         
         
    

    

    

    

    
    

核心业务


     MORE>>
    

                
                

                    
                    

核心业务


                    MORE>>
                

                

                    电话: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;
}


Reply to the discussion (solution)

Write .XXX in css
Then write class="XXX"
in html. Not possible ?

Riga type="text/css" Try

Tried adding type, but it didn’t work

Add Tried type, but it didn’t work


Is the css path correct? Are there no conflicts between the two css files?

I have uploaded everything to the server, but even the pictures are gone under IE

I have uploaded everything to the server, and even the pictures are gone under IE


The css path and image path may be wrong or the image has not been uploaded. When the file is uploaded to the server, the path may change

Are you sure it cannot be imported under iE11?
You try Google and Firefox.
F12 to debug.
There must be something wrong with your path!

Everything works fine under Google, Firefox, and Safari. I can’t sleep tonight.

Everything works fine under Google, Firefox, and Safari. I can’t sleep tonight.


Press F12 to debug it and see if there are any errors in the console. IE is more strict and errors will occur even if it is slightly worse


1. Check the format

="stylesheet" type="text/css" href="">

2. Check the path

Open the Google console, find the tag, right-click the path in new Open the CSS file in the window and see if it can be opened

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn