Html 轮廓和边框在IE中根本不显示
在过去的一周里,我一直被这个问题困扰着,找不到解决办法。我一直在用chrome开发我的网站,但我注意到边框和轮廓不适用于IE。我曾尝试替换html文档类型和页面开头,因为其他人对此进行了修复,但对我无效。无论如何,下面是我的一个页面的代码: HTML:Html 轮廓和边框在IE中根本不显示,html,css,border,outline,Html,Css,Border,Outline,在过去的一周里,我一直被这个问题困扰着,找不到解决办法。我一直在用chrome开发我的网站,但我注意到边框和轮廓不适用于IE。我曾尝试替换html文档类型和页面开头,因为其他人对此进行了修复,但对我无效。无论如何,下面是我的一个页面的代码: HTML: 在对代码进行了一点修改后,我终于找到了答案。我在边框实体和颜色代码之间没有空格 这: 需要如下所示: border: 1px solid #FFFFFF; 希望这能帮助其他有同样问题的人 你的HTML有很多错误。尝试通过验证器运行它,您将看到
在对代码进行了一点修改后,我终于找到了答案。我在边框实体和颜色代码之间没有空格 这: 需要如下所示:
border: 1px solid #FFFFFF;
希望这能帮助其他有同样问题的人 你的HTML有很多错误。尝试通过验证器运行它,您将看到它们。
/*########################*/
/* General HTML Tag Rules */
/*########################*/
body {
background-position:top;
background-attachment:fixed;
background-image: url('images/bg.jpg');
background-size: cover;
}
/*##############################*/
/* General Template Class Rules */
/*##############################*/
.wrapOverall {
width: 1100px;
margin-left: auto;
margin-right: auto;
border:2px solid#EE8E08;
background-image: url('images/bg5.jpg');
background-repeat: repeat-y;
}
.logo{
margin-top: -3px;
margin-left: -3px;
}
.logo img {
border:3px solid#EE8E08;
}
.moto{
margin-left: 110px;
margin-top: -120px;
color: #FFFFFF;
text-shadow: 0 0 15px #CC2EFA;
}
.footer {
text-align: center;
margin-top:20px;
font-size:14px;
color: #FFFFFF;
width: 1100px;
margin-left: auto;
margin-right: auto;
}
.footer a {
color: inherit;
text-decoration: none;
}
/*##########################*/
/* General Navigation Rules */
/*##########################*/
.header {
height: 100px;
position: relative;
}
.headerHome {
height: 100px;
padding-bottom: 90px;
position: relative;
}
.nav_main {
margin-top: 10px;
margin-left:96px;
background-color: #D8D8D8;
}
.nav_main ul {
margin:0px;
padding:0px;
padding:5px 18px;
}
.nav_main ul li {
margin:0px;
padding:px;
list-style:none;
display:inline;
}
.nav_main ul li a {
margin:0px;
padding:5px 18px;
color:#000000;
text-decoration:none;
font-weight:900;
font-size:17px;
text-transform:normal;
outline:2px solid#00000;
}
.nav_main ul li a:hover{
text-decoration:underline;
color:#00000;
background-color:#EE8E08;
}
/*############################*/
/* General Resource Formatting*/
/*############################*/
.contentResource {
width:714px;
margin-left: 200px;
text-indent: 50px;
border: 1px solid#FFFFFF;
margin-top:30px;
margin-bottom:30px;
}
.resourceTitle {
text-align: center;
margin-left:-45px;
color: #FFFFFF;
}
.webTitle {
color: #FFFFFF;
}
.docTitle {
color: #FFFFFF;
}
.resourceLinks ul {
list-style: none;
margin-left:-30px;
}
.resourceDocs ul {
list-style: none;
margin-left:-30px;
}
.resourceLinks ul li a {
color:#EE8E08;
}
.resourceDocs ul li a{
color:#EE8E08;
}
border: 1px solid#FFFFFF;
border: 1px solid #FFFFFF;