<分区>
我做了一个超基本的页面,由几个 div 和一组 css 规则组成。
它与我在过去 2 年中见过的所有浏览器都完美兼容。因为我是网络新手,所以我不知道旧浏览器可以处理什么。我知道 html5 、 javascript 、 webgl 等现代脚本不适用于旧浏览器。然而,正如我所说,这个页面非常简单。奇怪的是它适用于旧版本的 chrome 和 firefox。但是ie9完全不能处理大部分的css规则...
<style media="screen" type="text/css">
#main
{
padding:0;
margin:0;
width:100%;
background-image:url(http://www.sisecam.com.tr/ik/index1.4.1.png);
background-repeat:no-repeat;
background-size:100%;
background-color:white;
}
#warningmsg
{
position:relative;
left:40px;
top:30px;
}
#locatordiv
{
position:relative;
top:436px;
}
#yellowribbon
{
width:100%;
height:320px;
background-image:url(http://www.sisecam.com.tr/ik/index1.4.3.png);
background-repeat:no-repeat;
background-color:#f5c11f;
}
#loginbutton
{
margin:0;
padding:0;
width:100%;
display:block;
height:35px;
position:relative;
left:85px;
top:50px;
}
#logo
{
margin-left:auto;
margin-top:90px;
background-image:url(http://www.sisecam.com.tr/ik/logo.png);
background-repeat:no-repeat;
width:100px;
height:100px;
position:relative;
right:20px;
}
.title
{
position:relative;
left:20px;
top:2px;
font-size:15px;
color:#FFF;
}
.input
{
display:block;
height:25px;
width:160px;
background-size:200 40;
background-repeat:no-repeat;
margin-top:34px;
position:relative;
top:55px;
left:65px;
}
input
{
font-size:17px;
width:170px;
height:20px;
border-style:none;
padding:0;
outline:none;
}
body
{
background:white;
}
input[type="submit"] {
opacity:0;
width:inherit;
height:inherit;
}
</style>
假设 ie9 可以处理 div 及其 id ...
我的主要问题是 css 兼容性。是否可以编写适用于 ie9 的 css 规则,因为它适用于其他浏览器?
任何建议都会有所帮助。