0
Bitte sehen Sie dieses Flyout-Menü: http://www.caseen.com/store.html. Es sieht sowohl in Firefox als auch in Chrome fantastisch aus, aber nicht in IE9! Versuchen zu sehen, was vor sich geht = (.ie9/CSS: Flyout-Menü funktioniert nicht in ie9, sieht aber in Firefox/Chrome gut aus
Es sieht wie ie9 aus, das Stylesheet ignorierend, aber in der Fehlerüberprüfung und klickend ie9 direkter Modus zeigt es sich jedoch SEHR hässlich mit riesigen bösen weißen Grenzen um die Verbindungen!
Bitte siehe meinen Code:
<div class="flyout">
<ul>
<!--START: CATEGORIES-->
<!--START: CATEGORY_FORMAT-->
<li><a href="view_category.asp?cat=CATID"> CATEGORY</a>
<!--END: CATEGORY_FORMAT-->
<ul><!--START: SUB_CATEGORY_FORMAT-->
<li><a href="view_category.asp?cat=CATID"> CATEGORY</a></li>
<!--END: SUB_CATEGORY_FORMAT--></ul>
<!--END: CATEGORIES-->
</li>
</ul>
</div>
UND CSS
.flyout {
width: 130px;
height: auto;
position:relative;
margin: -10 0;
padding: 0;
z-index:10000;
}
.flyout ul li a {
display:block;
text-decoration:none;
color: #fff;
width: 130px;
border: solid;
border-color: #000;
border-width: 0 0 0 5px;
text-align:left;
font-size:12px;
line-height: 25px;
}
.flyout ul {
padding:0px;
list-style-type: none;
}
.flyout ul li {
float:left;
margin-right:1px;
position:relative;
}
.flyout ul li ul {
display: none;
}
.flyout ul li:hover a {
border: solid;
border-color: #fff;
border-width: 0 2 0 5px;
color: #60dfe5;
}
.flyout ul li:hover ul {
display:block; position:absolute; top:0;
left:130px;
width:10px;
}
.flyout ul li:hover ul li a.hide {
background:#000;
color:#fff;
}
.flyout ul li:hover ul li:hover a.hide {width:180px;}
.flyout ul li:hover ul li ul {display: none;}
.flyout ul li:hover ul li a {
display:block;
background:#000;
color:#60dfe5;
width:200px;
}
.flyout ul li:hover ul li a:hover {
background:#000;
color:#fff;
}
Das CMS mit einer älteren Stil-Vorlage geliefert ... Ich werde sehen, was ich tun kann, danke. Sieht immer noch aus wie IE9 hasst Grenzen auf Schweben und solche Dinge = ( – Brandon
Danke! Sieht aus wie das geholfen! – Brandon
Großartig. Froh, dass es geholfen hat. –