Fatal编程技术网
  • css/
  • Css 子弹不会在firefox中消失

Css 子弹不会在firefox中消失

css firefox

Css 子弹不会在firefox中消失,css,firefox,styles,html-lists,Css,Firefox,Styles,Html Lists,希望你能帮我解决一个问题。我无法在Firefox中摆脱子弹，我不想在任何地方使用子弹，因此我的列表样式类型为：无！到处都很重要。据我所知，它只出现在Firefox中 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

希望你能帮我解决一个问题。我无法在Firefox中摆脱子弹，我不想在任何地方使用子弹，因此我的列表样式类型为：无！到处都很重要。据我所知，它只出现在Firefox中

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
    <title>littleprints.nl</title>
    <meta name="description" content="----" />
    <meta name="keywords" content="----" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/slimbox2.js"></script>
    <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="layout.css"/>
    <link rel="stylesheet" href="style.css"/>
 </head>
 <body>
    <div id="container">
      <div id="inline1">
         <div id="mainpic">
            <img src="myimages/circle.jpg" width="100%" alt="Circle bracelet"/>
         </div>
         <div id="intro">
            <p>Hi and welcome to little prints NL. we make this and that all by hand with 100% silver. my name is Donna Burns and i work by commision, ive been studying for 4 years and am currently learning to become a goldsmith.</p>
         </div>
      </div>

      <div id="inline2">
         <p>Click for more...</p>
         <div id="images">
            <a href="myimages/photos/dogtag.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" ><img src="myimages/work/chunky.gif" alt="chunky"/></a>
            <a href="myimages/photos/hearts.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" ><img src="myimages/work/hearts.gif" alt="hearts"/></a>        
            <a href="myimages/photos/close.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" ><img src="myimages/work/close.gif" alt="close"/></a>       
            <a href="myimages/photos/pearl.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" >&nbsp;</a>
            <a href="myimages/photos/flower.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" >&nbsp;</a>
            <a href="myimages/photos/frontcircle.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" >&nbsp;</a>       
            <a href="myimages/photos/dogtag.jpg" rel="lightbox-gal" title="Beautiful, isn't it?" >&nbsp;</a> 

        </div>
     </div>

</div><!--end container-->

<div id="footer">
    <div id="footalign">

       <div id="social">

         <ul>
            <li>
              <a href="http://www.facebook.com/littleprints" title="Little Prints">
                 <img src="myimages/facebook.png" width="50px" height="50px" alt="FB"/>
              </a>
           </li>
           <li>
             <a href="contact.html" title="contact">
                <img src="myimages/at.gif" alt="@"/>
             </a>
           </li>
        </ul>


      </div>

      <div id="contact">
         <p><br/>To enquire about a charm either phone:<br/> 0787463289<br/> or use one of the methods to the side.</p>
      </div>


    </div>
 </div>

 </body>
</html>
尝试：

仅仅使用
列表样式
就可以简化它。但无论如何，我在Firefox中，我没有看到任何要点

您可能想尝试在JSFIDLE中为我们设置一个测试用例。仅仅发布这样的代码有时是大海捞针

祝你好运

PS-将
列表样式
放在下面的代码上没有意义，因为您正在指定
img
标记

#social img {
border: none;
list-style-type: none!important;
margin: 3px;
}
更新：

为了便于理解（因为我看不清你的应用程序是如何工作的），请尝试为你的列表设置全局默认样式，如下所示：

ul, ol { list-style: none; }
另外，我知道在一些较旧的浏览器中，将其设置为实际的li本身也有帮助（尽管我可能错了）：

尝试：

仅仅使用
列表样式
就可以简化它。但无论如何，我在Firefox中，我没有看到任何要点

您可能想尝试在JSFIDLE中为我们设置一个测试用例。仅仅发布这样的代码有时是大海捞针

祝你好运

PS-将
列表样式
放在下面的代码上没有意义，因为您正在指定
img
标记

#social img {
border: none;
list-style-type: none!important;
margin: 3px;
}
更新：

为了便于理解（因为我看不清你的应用程序是如何工作的），请尝试为你的列表设置全局默认样式，如下所示：

ul, ol { list-style: none; }
另外，我知道在一些较旧的浏览器中，将其设置为实际的li本身也有帮助（尽管我可能错了）：

列表样式
属性位于列表（
ul
或
ol
）或列表项本身（
li
）。这适用于设置为“显示：列表项”的任何元素，请先清理代码并扫描输入错误<代码>#inilne2和
背景色：#000000；形象。这就是你的页面看起来的样子吗（没有损坏的图像）？我稍微整理了一下代码。
列表样式
属性位于列表（
ul
或
ol
）或列表项本身（
li
）。这适用于设置为“显示：列表项”
的任何元素，请先清理代码并扫描输入错误<代码>#inilne2和
背景色：#000000；形象。这就是你的页面看起来的样子吗（没有损坏的图像）？我稍微整理了一下代码。嗨，我试过你的建议，似乎没有什么不同，哦，谢谢你指出我想我醒得太久了！！对不起，继续按回车键！哈它现在在Jamfinder.co.uk直播，如果有人能帮我一个忙，请在他们的浏览器上查看。希望这对我来说只是个问题@邓洛普伯恩斯：我刚刚在你的代码中加入了这个，它成功了：#社交ul{列表风格：无；}好的，谢谢各位，我将在一个小时左右尝试一下，以防它还没有上传！谢谢你们的全明星！谢谢你们，我又傻了！！直到下一次。嗨，我试过你的建议，似乎没有什么不同，哦，谢谢你指出我想我醒得太久了！！对不起，继续按回车键！哈它现在在Jamfinder.co.uk直播，如果有人能帮我一个忙，请在他们的浏览器上查看。希望这对我来说只是个问题@邓洛普伯恩斯：我刚刚在你的代码中加入了这个，它成功了：#社交ul{列表风格：无；}好的，谢谢各位，我将在一个小时左右尝试一下，以防它还没有上传！谢谢你们的全明星！谢谢你们，我又傻了！！直到下次。

li { list-style: none; }