0

好的，我有两个问题。

注意：CSS 将发布在我遇到的两个问题下方。

问题 #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 中没有的图像的 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