css background-position funktioniert nicht im IE 7 und 8
Diese Seite macht großen in FF, Chrome, usw.. Aber im IE 7 und 8, die enge "X", welches ein hintergrund Bild keine line-up. Irgendwelche Ideen? Ich habe versucht, um die background-position
etc..
Den code habe ich:
CSS:
.startup-container
{
width: 455px;
}
.close-startup-home
{
background: #c00 url("http://spotlightonhealthyliving.com/btn_closex.png") 0px -8px no-repeat;
float: right;
height: 52px;
width: 60px;
}
.menu-outer
{
background: #545454;
-moz-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .4);
}
.menu-inner
{
background: #3f3f3f;
-moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, .1);
box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, .1);
-moz-border-radius:5px;
border-radius:5px;
}
.startup-box
{
width:439px;
line-height:20px;
text-align: center;
color:#fff;
padding-top:5px;
padding-bottom:5px;
}
.startup-box-inner
{
width:389px;
height:99px;
padding:20px;
margin-left:5px;
margin-right:5px;
}
HTML:
<div class="startup-container">
<div class="close-startup-home"></div>
<div class="menu-outer startup-box">
<div class="menu-inner startup-box-inner"></div>
</div>
</div>
- Funktioniert bei mir im IE8
- IE7 emuliert es nicht, aber IE8 funktioniert es einwandfrei. Aber ganz ehrlich hat jemand Verwendung IE7 nicht mehr?
- Leider einige immer noch tun.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Geben
position: absolute
zu Ihremdiv
mit der Schaltfläche schließen und positionieren Sie es entsprechend.