Html Can'；t查看交叉衰落图像？_Html_Css_Image_Cross Fade

Html Can'；t查看交叉衰落图像？

html css image

Html Can'；t查看交叉衰落图像？,html,css,image,cross-fade,Html,Css,Image,Cross Fade,我似乎在HTML/CSS中遇到了一个小障碍。我尝试在索引中使用这种交叉淡入淡出技术，效果很好，但当我尝试在第二个布局中使用它时，打开它时图像不会出现：( 以下是布局2的HTML： <!DOCTYPE html> <html> <head> <title>Welcome!</title> <meta charset="UTF-8"> <link rel="stylesheet" href=

我似乎在HTML/CSS中遇到了一个小障碍。我尝试在索引中使用这种交叉淡入淡出技术，效果很好，但当我尝试在第二个布局中使用它时，打开它时图像不会出现：(

以下是布局2的HTML：

<!DOCTYPE html>

<html>
<head>

    <title>Welcome!</title>

    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/style.css" type="text/css">
</head>

<body>
<img class="image5" src="../images/header.png" alt="header">
<a href="../index.html"><div id="cf" >
    <img class="bottom2" src="images/logo4.png" alt="logo4"/>
    <img class="top2" src="images/logo3.png" alt="logo3"/>
</div>

</body>
</html>

我尝试将其通过验证器，结果显示出两个错误：

 - Error 1:

Line 20, Column 7: End tag for body seen, but there were unclosed elements.
</body>

 - Error 2:

Line 15, Column 24: Unclosed element a.
<a href="../index.html"><div id="cf">

-错误1：
第20行第7列：已看到主体的结束标记，但存在未关闭的元素。
-错误2：
第15行第24列：未闭合元件a。

我不知道这是什么意思。

很抱歉，我还是个初学者。^^；

您的css正在查找标记

\cf

id，然后是其中的

img

。可能是不正确的嵌套造成了混乱。对于验证错误，您没有关闭链接标记。

。请尝试关闭它，看看是否有帮助。

修复错误2和错误1。谢谢！我修复了我的错误t！但是图像仍然不会出现在我的第二个布局中D：您的一些图像似乎是一个目录上（../），而另一些是一个子目录（images/），对吗？为了进一步调试，我们可能需要看到一个工作副本。您能上传到JSFIDLE吗？我如何上传图像？：oso我应该添加一个“#cf”在我的html中？我完全忘记了！！非常感谢！：我不知道为什么它对你不起作用tbh。我关闭了链接标签，我用JSFIDLE编写了一个你的代码示例，它工作得很好：我试图复制示例并用我的图片替换它，但仍然不起作用。我不知道为什么它会这样做！D:Strange o_o…它们的大小是多少？试着让它们与我在示例中使用的大小相同，然后看看效果如何。如果你可以在网上的某个地方托管你的图像，从url运行图像，而不是作为本地文件，然后共享小提琴，也许我可以再看一遍。o-o它们的大小是：top:20px；left:20px；height:277px；width:277px；oki-doki！我会尝试在线上传！：>你建议我上传到哪里？

 - Error 1:

Line 20, Column 7: End tag for body seen, but there were unclosed elements.
</body>

 - Error 2:

Line 15, Column 24: Unclosed element a.
<a href="../index.html"><div id="cf">