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

我建议你不要使用带空格或特殊字符的名字，尝试重命名这个文件

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

希望能帮到你......

Answer 2

尽量不要在css中使用Umlaut尝试使用英文名称而不要使用空格......

Answer 3

我试验了一个案例，发现你在一个案例中使用了错误的扩展src="/img/otayhteyttä.png"。您应该确认文件扩展名。检查并报告！

<强> EDITED

更改

<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。但前者是绝对地址，它从网站的根源开始解释。

我希望现在更清楚了吗？

css图像没有显示出来

3 个答案: