HTML标签不工作正确

我有导航格，有例如按钮只的img没有联系，我蚁前想后，该图像添加行：我尝试：HTML标签不工作正确

#nav{     
    height: 50px; 
    width: auto; 
    margin: 0 auto; 
    margin-top: 30px; 
    padding: 0;} 

#nav ul li img{ 
    padding: 0; margin: 0;}

HTML：

<li><img src="./img/dot.gif" alt=""/></li>

我加入到这个CSS代码后添加和bofore图片线：

#nav ul li img:before{ 
    background: url('./img/orange-pixel.gif') repeat-x 50% 50%; 
    width: 40px; 
    height: 3px; 
    float: left; 
    padding-top: 45px;} 
#nav ul li img:after{ 
    background: url('./img/orange-pixel.gif') repeat-x 50% 50%; 
    width: 40px; 
    height: 3px; 
    float: left; 
    padding-top: 45px;}

但做没有显示线。

来源

2012-11-27 Wizard

根据this的帖子，大多数浏览器不会计算:before/:after的img标签。无论如何要帮助你：为什么不通过向图像添加边框来设置线条。或在li标签上使用:before/:after？后：

来源

2012-11-27 14:32:56 cem

in'li'标签我也有链接，但好吧我添加类到li img并尝试 – Wizard

您可以添加

content:"."; 
text-indent:-9999em; 
display:block

您：&之前。所有这一切都为它提供了一些“抓住”，它应该工作。

如果它们是基本的线条，为什么不只是在李的一边添加边框呢？：在传统浏览器中不工作之前和之后，如果他们有必要，这是一个更加一致的体验。

来源

2012-11-27 14:46:36 chaseadamsio

HTML标签不工作正确

回答

相关问题