html - 为什么有些图片在某些浏览器中不显示，而其他类似大小和文件的照片却显示？

Question

我建立了一个网站http://charlottemobiletrainers.com，索引页面上的主徽标使用 Chrome 显示给我，但在 Safari 中没有显示，并且在任何浏览器的笔记本电脑上都没有显示给我的朋友。照片是“.gif”，我将文件更改为“.png”，只是想看看是否有任何改变，但没有帮助。然后我尝试重命名文件，因为我最初在其中使用了“_”，但这没有帮助。我不知道还能尝试什么。

该图像当前位于我的 style.css 文件中。这可能是问题吗？

Answer 1

一开始你的布局就很奇怪。我会这样做：

<div id="featured">
  <div class="left">
<h3>Mobile Personal Trainers</h3>
<p>Are you ready for summertime in Charlotte? Let Mobile Trainers help you look and  feel your best with a personalized workout program <i>JUST FOR YOU!</i> Our personal trainers will go wherever you want whenever you want. Let's get started!</p>
     <input type="button" value="Get Started!" onclick="parent.location='contact.html'">
 </div>
 <div class="right">
     <img src="logo.png" width="blah" height="blah" alt=""/>
 </div>

然后将#feature 设置为您想要的宽度和高度，然后将类 .right 设置为徽标的任何宽度，并将剩余宽度设置为 .left 类。