Question

我正在尝试在图像上显示文字（超链接）;我编写了以下代码片段，但没有做我想做的事情（在.css文件中）。

#menu-bar
 {
 padding: 10px 0px auto 0px;
 height:auto;
 width: 1000px;
 float:left;
 margin: 10px 0px auto 0px; 
 background:url(/images/bar_full_3_1.jpg) repeat-x;
 }

HTML：

 <div id ="menu-bar">
    file | open | edit | ...

 </div>

此代码仅在IDE中显示IMAGE，但不在BROWSER中显示。谢谢！

现在已经解决了这个问题：我做的错误如下： - ＆GT;语法错误 - 在为属性赋值时使用逗号。 - ＆GT;错误的路径/网址

Answer 1

如果您的CSS文件位于“样式”之类的文件夹中，那么您需要跳出背景图片中的该文件夹网址：

background: #0066FF url(../images/bar_full_3_1.jpg) repeat-x;

（注意图像文件夹前的../。）

这是图像无法显示的最常见原因。

<强>更新

正如在这里的评论中指出的那样，你的CSS代码中也有一些错误，这也是值得注意的。首先，您不需要使用逗号分隔属性值。只需一个空间即可。

同时确保您的财产价值顺序正确无误。

在DIV标记内的图像上显示超链接的问题

1 个答案: