0

わかりました、2 つの問題があります。

注: CSS は、私が抱えている 2 つの問題の下に掲載されます。

問題 1 - CSS で構成されたドロップダウン メニューがありますが、それらに箇条書きを追加する方法がわかりません。Internet Explorer で何らかの理由で #nav .li {list-style:disc;list-style-position:inside;} を作成すると、ディスクがリストの上に表示されますが、Chrome ではディスクの左側に表示されます。テキストのため息IE

問題 2 - わかりました。Internet Explorer で (またしても) 何らかの理由で、Z-index が border-radius とペアになっている場合、動作したくありません。これに対する効果的な修正はありますか?私はすべてを検索してみましたが、IE 9 でこれは修正されるはずでしたが、ご存知のように、あらゆる種類の CSS3 を含むサイトを作成しようとするとき、IE は常に王様の苦痛です。

ナビゲーション メニューの CSS コード

/* THE CSS MENU * KEEP COLORS:#1B1B1B, #808080, #282828, #FFD100*/

#nav {float:left;margin:0;padding:0;}
#nav li .sub {list-style-image:disc;list-style-position:inside;}
#nav li a, #nav li {float:left;/*border-radius: 40px 0 / 40px 0;*/}
#nav li {list-style:none;position:relative;z-index:100;}
#nav li a {padding: 8px 1.5em;text-decoration:none;color:white;border-right:1px solid #808080;border-left:1px solid #404040;border-top:1px solid #404040;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#1B1B1B));
   background: -webkit-linear-gradient(top, #808080, #1B1B1B); 
   background: -moz-linear-gradient(top, #808080, #1B1B1B);
   background: -ms-linear-gradient(top, #808080, #1B1B1B);
   background: -o-linear-gradient(top, #808080, #1B1B1B);
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B'); /* IE6 & IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B')"; /* IE8 */
   box-shadow: inset 3px 3px 15px #404040;
}
#nav li a:hover {background:#282828;color:#FFD100;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#000));
   background: -webkit-linear-gradient(top, #808080, #000); 
   background: -moz-linear-gradient(top, #808080, #000);
   background: -ms-linear-gradient(top, #808080, #000);
   background: -o-linear-gradient(top, #808080, #000);
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#000000'); /* IE6 & IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#000000')"; /* IE8 */
   box-shadow: inset 3px 3px 15px #000;
}
/* SUBMENU */
#nav li ul {display:none;position:absolute;left:0;top:100%;padding:0;margin:0;}
#nav li:hover > ul {display:block;z-index:100;}
#nav li ul li, #nav li ul li a {float:none;}
#nav li ul li a {width:150px;display:block;}

/* SUB SUB MENU */

#nav li ul li ul {display:none;}
#nav li ul li:hover ul {left:100%;top:0;}

これは、境界線を丸くする必要がありますが、IE では丸めない 2 つの画像の CSS コードです。

#main-bottom {width:1030px;height:40px;margin:0 auto;position:absolute;z-index:2;left:-20px;bottom:-15px;box-shadow: 0 3px 10px #000;border-top-left-radius:60px;border-top-right-radius:60px;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B1B1B), to(#808080));
   background: -webkit-linear-gradient(top, #1B1B1B, #808080); 
   background: -moz-linear-gradient(top, #1B1B1B, #808080);
   background: -ms-linear-gradient(top, #1B1B1B, #808080);
   background: -o-linear-gradient(top, #1B1B1B, #808080);
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1B1B1B', endColorstr='#808080'); /* IE6 & IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1B1B1B', endColorstr='#808080')"; /* IE8 */
}
#post-footer-bottom {width:1030px;height:40px;margin:0 auto;position:relative;z-index:2;top:80px;box-shadow: 0 -3px 10px #000;border-bottom-left-radius:60px;border-bottom-right-radius:60px;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#1B1B1B));
   background: -webkit-linear-gradient(top, #808080, #1B1B1B); 
   background: -moz-linear-gradient(top, #808080, #1B1B1B);
   background: -ms-linear-gradient(top, #808080, #1B1B1B);
   background: -o-linear-gradient(top, #808080, #1B1B1B);
   filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B'); /* IE6 & IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#1B1B1B')"; /* IE8 */
}
4

0 に答える 0