在Chrome浏览器中查看我的主页时,我有一个奇怪的错误。当我尝试使用CSSEdit编辑它时,似乎没有出现该错误:
我附上照片,告诉你我的意思。图标旁边的那些“点”也是相互关联的。
可能导致此错误的原因是什么?
感谢您的帮助!
编辑确定这是代码(页面不在线):
<div class="rss">
<p>
<a href="http://linkto">
<img src="/images/facebook.png" alt="Find me on facebook" />
</a>
<a href="http://linkto">
<img src="/images/twitter.png" alt="Follow me on twitter" />
</a>
<a href="http://linkto">
<img src="/images/rss.png" alt="Subscribe to RSS Feed" />
</a>
</p>
</div>
包含在一个名为footer的div类中。和CSS
.site .footer {
font-size: 80%;
color: #666;
border-top: 4px solid #eee;
margin-top: 2em;
overflow: hidden;
}
.site .footer .rss {
margin-top: 0em;
margin-right: -.2em;
float: right;
}
.site .footer .rss img {
border: 0;
}
抱歉奇怪的格式化。
答案 0 :(得分:1)
这些“点数”是CSS应用于text-decoration:underline
标记的<a>
部分。您只看到其中一部分的原因是因为您使用的图像覆盖了大部分图像。
尝试将其放入CSS:
.rss a { text-decoration:none }
.rss a img { border:none; outline:none }