2013-09-02 19 views
0

은 CSS 문제로 인해 문제가 있지만 이미지를 파악할 수 없습니다. 내 이미지 중 어느 것도 표시하지 않지만 URL이 작동하고 HTML이 정확합니다.CSS - 이미지가 표시되지 않습니다.

가 더 이미지 스타일링 없다, 이미지 클래스의 유일한 스타일은 다음과 같습니다 .postimg { width: 100%; }

문제 여기이 아마 정말 간단한 솔루션을

http://jsfiddle.net/4pmUu/5/

,하지만 난 무엇을 알아낼 수 없습니다 잘못되었습니다.

답변

1

올바른 이미지 태그가 없습니다. HTML로 이미지를 표시하려면 <img> 태그를 사용하십시오.

는 지금까지 내가 말할 수있는 http://jsfiddle.net/4pmUu/7/

+0

아! 그렇게 분명한! 이 HTML은 jade에서 생성되었습니다. 나는 '나는'옥 구문에서 'img'와 동의어라고 생각했다. 고마워. – amagumori

0

를 참조하십시오, 당신은 단지 잘못된 이미지 태그가 있습니다. <i>은 기울임 꼴 텍스트입니다. 대신 <img>이 필요합니다. 즉, <img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" />

0

<i ...></i>으로 바꾸고 사용하면 (아래) 작동합니다. 이 곳은 실제 오류 그 것이다

<i src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg"> :로

<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg"/> 
0

당신은 이미지 태그를 사용하고 있습니다. 의 이미지가 있기 때문에 몇 가지 문제로로드되지 않은 것처럼 alt=""는, 이미지의 필요가 사용

<img src="http://ruby.colorado.edu/~smyth/Research/Images/Volcanix/MtFuji02.jpg" class="postimg" alt="photo" />

또한

점에 유의하시기 바랍니다 :

할 수있는 올바른 방법은이 <img... 사용을 작성하는 것입니다 사용자는 해당 이미지에 대한 텍스트를 표시합니다.

관련 문제