0

我在 IE 9、Firefox 21.0 上运行良好，但在 Chrome 版本 28.0.1500.95 上运行良好。我怎样才能让它在其他浏览器上工作？

我有以下作为我的 HTML 和 CSS。

 <div class="footer">
    <div class="contact">
    <ul>
        <li ><a href="#">Contact</a></li>
        <li ><a href="#">Site Map</a><div ></div></li>
        <li ><a href="#">Legal</a></li>
        <li ><a href="#">Privacy Statement</a></li>
        <li ><a href="#">Send Feedback</a></li>
    </ul>
    </div>
    <div class="clear"></div>
    <div class="copyright">&copy; 2013 Hygeia Group. All Rights Reserved.</div>
    <!-- <br clear="all"/>-->
    <div class="social">
    <ul>
    <li><a href="#">Tweeter</a><div class="separator"></div></li>
    <li><a href="#">Youtube</a><div class="separator"></div></li>
    <li><a href="#">FaceBook</a><div class="separator"></div></li>
    <li><a href="#">LinkedIn</a><div class="separator"></div></li>
    </ul>
    </div>
</div>

    .footer {
      height:40px;
      font-size:11px;
      bottom:0px;

      }

    .footer  ul{
  margin-left:24.95%;
  list-style:none;
  list-style-type:none;
  list-style-image:none;
  list-style-image:url("../images/separator.png");
  z-index:50000;    
  list-style:none;
      }

      .footer ul li{
   padding:0 5px 0 0px;
   margin-right:15px;
   list-style:none;
   list-style-type:none;
   list-style-image:none;
   float:left;
   list-style-image:url("../images/separator.png");
   text-align: center;

       }

      .footer ul li > a{
   text-decoration:none;
   color:#666;  
   padding:0px 2px; 
       }
      .footer ul li:first-child {
   list-style-image:none
       }
4

1 回答 1

0

仅供参考：如果您将 .png 错误命名为 .jpg（反之亦然），某些浏览器将不会加载它。

当我使用 jsfiddle.net 进行测试时，我在 Chrome 28.0.1500.95 中看到它很好。尝试使用该站点创建一个我们都可以看到的页面。

我提供了一个我躺在身边的“分隔符”图像——我认为你的 .png 文件并不奇怪，并且当你直接加载它时它会正确显示？

于 2013-08-11T15:50:45.080 回答