html - 添加列表样式类型 : none 后导航菜单中出现的元素符号点

Question

我在将 CSS 添加到 UL 时遇到了问题，但仍然显示要点。

这是我的html代码

<div id="menu">
<ul>
<li><a href="contact_us.htm"> تماس با ما</a></li>
    <li><a href="about_us.htm">درباره ما</a></li>
    <li><a href="Archive_Video.htm"> آرشیو ویدئو</a></li>
    <li><a href="Archive_Songs.htm">آرشیو سرودها و منابع پرستشی</a></li>
    <li><a href="indexHome.htm">خانه</a></li>
</ul> 
</div>

这是我的 CSS

<style>
#menu {
    width: 780px;
    height: 40px;
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    background-image: url("images/Menu_Background.jpg");
           border-radius: 9px;
}
#menu li {
list-style:none;
list-style-type:none;
display: inline;
padding: 20px;
}

#menu ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}

#menu a {
    text-decoration: none;
    color: #fff;
    padding: 8px 8px 8px 8px;
}

#menu a:hover {
    color: #F90;
    background-color: none;
}

</style>

我已经阅读了许多其他论坛和在 Stackoverflow 上提出的问题，解决方案是添加 `list-style-type=none;但是当我补充说我仍然遇到同样的问题时。

这是我网站的 URL http://khaneyeparastesh.com/indexHomeNew.htm

Answer 1

list-style-type 不是您的问题。当您输入您在 JS Fiddle 上提供的代码时 没有子弹。我相信您指的是您网站上显示的红色“要点”。这些是这种风格的结果:

li a {background: url(images/bull.gif) 0 7px no-repeat;}

删除它，红色子弹就会消失。