gpt4 book ai didi

html - DIV 中的图像在 FireFox、Chrome 和 Opera 中消失,但在 Safari 中显示正常

转载 作者:太空宇宙 更新时间:2023-11-04 16:05:43 24 4
gpt4 key购买 nike

我有以下代码:

index.html

<HTML>
<HEAD>
<TITLE>My App</TITLE>
<LINK rel="stylesheet" type="text/css" href="style.css">
</HEAD>
<BODY>
<div id="logo"><img src="logo.jpg" /></div>
<div id="menu">
<FORM METHOD="LINK" ACTION="new.php">
<INPUT TYPE="submit" VALUE="Create New Entry">
</FORM>
<FORM METHOD="LINK" ACTION="viewall.php">
<INPUT TYPE="submit" VALUE="View All Entries">
</FORM>
<FORM METHOD="LINK" ACTION="list.php">
<INPUT TYPE="submit" VALUE="Generate Mailing List">
</FORM>
</div>
<div id="search">
<form action="search.php" method="post">
Search By First or Last Name:
<input type="text" name="term" />
<input type="submit" name="submit" value="Submit" />
</form>
</div>
</BODY>
</HTML>

样式.css

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}

div#logo {
position:absolute;
width:290px;
height: 200px;
top: 0px;
left:0px;
background-color: black;
}

div#menu {
position: relative;
width: 150px;
height: 150px;
top: 20px;
left: 140px;
background-color: black;
}

div#search {
position: relative;
width: 265px;
left:25px;
clear: both;
color: white;
background-color: black;
}

当我在 Safari 中查看时它看起来很好,但是当我在 FireFox、Chrome 或 Opera 中查看时图像消失了。它在 Chrome 和 Opera 中完全消失,而在 FireFox 中它显示一个断开的链接图标。我知道我在这里使用 CSS 并不完全正确,甚至不是最佳实践,但我仍然想不通为什么图像不显示? (更重要的是,为什么 FireFox 显示损坏的图标)

最佳答案

文件名为 .png.jpg,所以它没有显示...新手错误

关于html - DIV 中的图像在 FireFox、Chrome 和 Opera 中消失,但在 Safari 中显示正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9156423/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com