gpt4 book ai didi

html - 背景 :url is not displayed properly

转载 作者:太空宇宙 更新时间:2023-11-04 00:27:02 25 4
gpt4 key购买 nike

我卡住了。我创建了一个图像,并希望它成为通过 CSS 访问的导航菜单的背景图像,并在其上放置 HTML 文本。

这是我的 CSS:

.menu_item {
background:url(../images/menu_normal.png) no-repeat;
}

这是 HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Quotation Form</title>
<link href="css/menu.css" rel="stylesheet" type="text/css">

</head>
<body>

<ul>
<li class = "menu_item"><a href="#">About</li>
<li class = "menu_item"><a href="#">Services</a></li>
<li class = "menu_item"><a href="#">For Translators</a></li>
<li class = "menu_item"><a href="#">Free Quotation</a></li>
</ul>

<img src = "images/menu_normal.png">
</body>
</html>

这是结果:http://eximi.dreamhosters.com/turbolingvo/menu.html

我希望图像显示在菜单项后面,就像在 <img src...> 中显示的一样在它下面。

我做错了什么?

谢谢!

最佳答案

你需要这样的东西:

.menu_item {
background: url("../images/menu_normal.png") no-repeat scroll 0 0 transparent;
float: left;
height: 53px;
line-height: 53px;
list-style: none;
text-align: center;
width: 227px;
}

关于html - 背景 :url is not displayed properly,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6247077/

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