html里语言兼容,ie9与现代html和css语言的兼容性（跨浏览器CSS）

它与我在过去2年见过的每一款浏览器完美配合。由于我是新的网络，我不知道旧浏览器可以处理或不处理什么。我知道像html5，javascript，webgl等现代脚本不适用于旧浏览器。然而，这个网页非常简单，就像我所说的。奇怪的是，它适用于旧版本的Chrome和Firefox。但IE9完全不能处理大多数的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;

}

假设IE9能够处理的div及其ID ...

我的主要问题是CSS兼容性。是否可以编写适用于ie9的css规则，因为它可以在其他浏览器中工作？

任何建议都会有所帮助。

+0

你可以为IE9编写单独的css文件。 –

+0

http://stackoverflow.com/questions/6418139/media-query-not-working-in-ie9 –

+0

您是否为HTML文档设置了DTD - 没有DTD，您的浏览器将进入“Quirks模式”和一些样式可能看起来不如预期。 –