CSS图像没有显示答案

【问题标题】：css images are not showing upCSS图像没有显示
【发布时间】：2014-06-16 03:53:17
【问题描述】：

我无法弄清楚为什么页面底部的图像不可见。一个在右上角，其他在中间的下拉菜单中。这是页面：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;
}

【问题讨论】：

图片的 src 中有空格。更正一下。
好的。我把空间从图像中拿走了。还是行不通。在 Dreamweaver 中，它们看起来很好：/ 不在浏览器或在线中。
我认为这是因为 src 中的特殊字符也是，删除或替换它
我不认为是字符问题...为了清楚起见，请发布目录结构！
显示图片的文件名

标签： css image position fixed

【解决方案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。但前者是绝对地址，从网站的根目录开始解释。

我希望现在更清楚了吗？

【讨论】：

很奇怪，因为 img 目录中没有 png 版本的图像。在同一主方向的另一个方向的另一个 img 文件夹中有一个，所以它们可能会在服务器中弄乱。
我访问了您网站的 /img！顺便说一句，它打开了....我看到了 [IMG] otayhteyttä.png 13-Jun-2014 14:19 14K
是的，它在不同页面的其他文件夹中
并且您的 src 指定 /img 意味着浏览器从nettisivut.eu5.org/img 获取图像......一个案例对我有用！你多试试吧！
并且set2目录中的gif文件以a.gif而不是ä.png结尾

【解决方案2】：

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

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

希望能帮到你...

【讨论】：

是的，我只是更改了名称，但没有区别
你还在用这个字母“ä”把它改成这个“a”
我也带走了所有 Ä:s。我不知道是关于底栏的绝对定位。我在其他页面中使用了同样的技术，没有任何问题。

【解决方案3】：

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

【讨论】：

我把它们带走了，没有任何帮助