일부 브라우저에서는 어떤 그림이 나타나지 않지만 비슷한 크기와 파일을 가진 다른 그림에서는 보이지 않는 이유는 무엇입니까?

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 나머지 폭 집합 .left 클래스에.