遇到Safari <img src=""/> css的问题

时间:2011-06-08 19:20:41

标签: html css safari image

我目前已将所有前端设计编码为在Chrome中正常工作100%。现在我正在进行跨浏览器测试和修复错误。我在Safari中遇到一个奇怪的错误,图像无法正确显示。看一下HTML:

<li class="newsfeedlist-item">
<div class="questionslogo"</div>
<div class="newsfeedlist-image">
<img src="http://images.ted.com/images/ted/2ade6b48aac1eb21b7b90fe43335a8e70771455c_50x50.jpg"></div>
<div class="newsfeedlist-content">
<h3><b><a href="#">What Is The Best Way To Become A Photographer? </a></b></h3>
<div class="newsfeedlist-bodytext"> What if a fish came across a river? Then what???    What if a fish came across a river? Then what???    What if a fish came across a river? Then what???    What if a fish came across a river? Then what???    What if a fish came across a river? Then what???</div>  
<div class="newsfeedlist-questionauthor"> <i>Started By <a href="#">Robert Sopel</i></a></div>
</div>
</li>

你会注意到它是一堆简单的div,它们都是来自CSS的脚本。 Safari中的错误(在我看来)不是来自CSS,而是来自html中的“img src”标签。但这里是“newsfeedlist-image”和“questionslogo”的CSS,两者都有错误:

.questionslogo {
width: 84px;
background: url(images/questions.png) top left no-repeat;
padding: 8px 0px 0px 100px;
float: left;
}

.newsfeedlist-image {
width: 48px;
float: left;
}

请注意,我已经尝试修复两者的高度并显示:阻止,但这并没有改变这样的事实:在Safari中,它无法识别图像(你无法点击并拖动它,它只是悬停在请看下面的截图。

铬:

http://www.cl.ly/3f1Z143b3X0V1N1i1b1c

火狐:

http://www.cl.ly/471R002N3v182q2W1V1j

最后是Safari:

http://www.cl.ly/1X3H2W1A1V3b0G3V2n0G

我认为这是一个简单的修复,但现在无法解决。非常感谢任何帮助。感谢!!!

1 个答案:

答案 0 :(得分:0)

问题在于这部分,你有一个错字:

<div class="questionslogo"</div>

通过添加>

进行修复
<div class="questionslogo"></div>

要自行查找此类错误,最好使用以下方式验证您的HTML:http://validator.w3.org/


我也注意到你也有:

<i>Started By <a href="#">Robert Sopel</i></a>

您已按错误的顺序关闭了代码,它应该是:

<i>Started By <a href="#">Robert Sopel</a></i>