이미지가 웹 서버에 숨겨져 있습니다.

img 태그에 3 개의 이미지가 포함 된 웹 사이트가 있습니다. 로컬 html 파일을 열면 모든 것이 잘됩니다. 그러나, 내 서버에 업로드 할 때 페이지가 보이지 않는 것을 제외하고는 동일합니다. 내가 크롬의 웹 관리자를 사용하는 경우, 내가이미지가 웹 서버에 숨겨져 있습니다.

style="display: none; visibility: hidden; "

는 브라우저에 의해 추가 된 것을 볼 수 있습니다. 이러한 스타일을 선택 취소해도 이미지는 여전히 보이지 않습니다. 두 개의 완전히 다른 웹 호스트에서 시도했습니다.

Firefox는 규칙을 추가하지 않지만 여전히 표시되지 않습니다.

내 코드

<div class="grid_12" id="adswrap"> 
      <h2>Adverts</h2> 
      <div class="grid_3 ads"><img src="images/ads/1.jpg" /></div> 
      <div class="grid_3 ads"><img src="images/ads/2.jpg" /></div> 
      <div class="grid_3 ads"><img src="images/ads/3.jpg" /></div> 
</div>

과 스타일을 (브라우저를 방해하기 전에)

.ads{ 
    height: 185px; 
    -webkit-transition: all .2s ease-in-out; 
    outline: 2px solid #444; 
    margin: 0 35px !important; 
} 

.ads:hover{ 
    -webkit-transition: all .2s ease-in-out; 
    position: relative; 
    top: -5px; 
    -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, .8); 
} 

.ads img{ 
    width: 220px; 
}

출처

2011-05-14 espekia

전체 IMG 태그를 붙여주세요. –

아마 페이지에 대한 링크일까요? –

당신은 확장을 막고있는 고라가 설치되어 있습니까?

광고 차단을 실행하는 img 요소 (또는 해당 상위 요소)의 id 또는 class에 대해 뭔가가있을 수 있습니다.

확장명이 localhost에있는 것을 허용하지만 다른 곳으로 업로드하면 광고 차단 필터가 활성화됩니다.

출처

2011-05-14 14:54:46 thirtydot

음, 실제 코드를 포함하도록 질문을 편집 했으므로 나는 내 대답에 높은 확신을 가지고 있습니다. D – thirtydot

Hah, brilliant. 그게 다 고쳐 졌어. 나는 매우 어리 석다. P – espekia

이미지를 확인하고 색인 페이지와 동일한 폴더에 있는지 확인하십시오.

<img> 태그를 CSS 스타일 외부에 놓고 호스트하려고하십시오.

Opera와 같은 다른 브라우저로 사용해 보셨습니까?

출처

2011-05-14 14:59:42

이미지가 웹 서버에 숨겨져 있습니다.

답변

관련 문제