CSS 이미지가 표시되지 않습니다.

Question

페이지 하단의 이미지가 보이지 않는 이유를 알 수 없습니다. 하나는 오른쪽 모서리에 있고 다른 하나는 중간에 드롭 메뉴에있는 것들입니다. 다음 페이지는 다음과 같습니다 http://nettisivut.eu5.org/set2/glassy.php

HTML 오른쪽 :

<div id="yhteys"> 

<img class="bottom" src="/img/ota yhteyttäx.gif" width="109px" height="42px"> 
<img class="top" src="/img/ota yhteyttä.gif" width="109px" height="42px"> 

CSS :

당신이 공백 또는 특수 문자가 포함 된 이름을 사용하는 추천

#yhteys { 
position:fixed; 
bottom:0px; 
left:4%; 
height:42px; 
width:11%; 
z-index:9999; 
} 

#yhteys img { 
position: fixed; 
left: 4%; 
bottom: -0px; 
-webkit-transition: opacity 0.1s ease-in-out; 
-moz-transition: opacity 0.1s ease-in-out; 
-o-transition: opacity 0.1s ease-in-out; 
transition: opacity 0.1s ease-in-out; 
} 

#yhteys img.top:hover { 
opacity:0; 
} 

Answer 1

... 영어 이름을 사용하고 사용 공간을 해달라고하려고 CSS에서 움라우트를 사용하지 않도록 노력 . 파일 확장자를 확인해야합니다. 그것을 확인하고보고하십시오!

은 당신이 잘못하고있는 것은 당신이 nettisivut.eu5입니다 액세스/imgs 디렉토리하려고하는 것입니다 다음

<div id="yhteys"> 
    <img class="bottom" width="109px" height="42px" src="img/otayhteyttax.gif"></img> 
    <img class="top" width="109px" height="42px" src="img/otayhteytta.gif"></img> 

에

<div id="yhteys"> 
    <img class="bottom" width="109px" height="42px" src="/img/otayhteyttax.gif"></img> 
    <img class="top" width="109px" height="42px" src="/img/otayhteytta.gif"></img> 

변화를 편집했다. org/imgs /는 존재하지 않거나 파일을 포함하지 않습니다. set2 디렉토리의 imgs 디렉토리에 액세스하려면 imgs /를 참조하십시오. 이를 상대 주소라고하며 현재 디렉토리 인 set2부터 해석됩니다. 그러나 이전 주소는 절대 주소이며 웹 사이트의 루트를 시작으로 해석됩니다.

지금은 더 명확 해 졌으면 좋겠습니까?

Answer 2

,이 같은 파일 이름을 변경하여 시도

<img class="bottom" src="/img/ota_yhteyttax.gif" width="109px" height="42px"> 

희망이 당신을 도울 ...

Answer 3

내가 한 경우를 실험하고 src="/img/otayhteyttä.png" 하나의 경우에서 근무 잘못된 확장자를 사용하고있는 것을 발견