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

我试验了一种情况，发现您使用了错误的扩展名 src="/img/otayhteyttä.png" 在一种情况下有效。您应该确认文件扩展名。检查并报告!

已编辑

改变

<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>

您做错的是您正在尝试访问 nettisivut.eu5.org/imgs/不存在或不包含您的文件的/imgs 目录。要访问 set2 目录中的 imgs 目录，请引用 imgs/。这称为相对地址，从当前目录开始解释，即 set2。但前者是绝对地址，从网站的根目录开始解释。

我希望现在更清楚了吗？