在DIV标记中显示Image上超链接的问题

我试图在图像上显示文本（超链接）我写了下面的代码片断，它不会执行我想要的操作（在.css文件中）。在DIV标记中显示Image上超链接的问题

#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只不过在浏览器中不显示它。谢谢！

现在这个问题已解决：我做的错误如下： - >不正确的语法 - 给属性赋值时使用的逗号。 - >不正确的路径/ URL

来源

2011-06-17 Nikhil G

这是一些新的HTML＆CSS或什么？ – 2011-06-17 09:26:04

CSS在值之间没有逗号。尝试从CSS文件中删除所有逗号。 – Bazzz 2011-06-17 09:29:02

检查图像的路径，在CSS中图像必须是相对于CSS文件本身..如果有疑问使用绝对路径，看看是否工作..但修改CSS首先删除逗号（取代他们与空间）; 0 – clairesuzy 2011-06-17 09:34:56

如果你的CSS文件就像是“风格”，那么你就需要跳出该文件夹的背景图像的URL文件夹中：

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

（注意../在images文件夹之前）。

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

UPDATE

这也是值得注意的是，在评论中指出这里，你已经有了一对夫妇的错误在你的CSS代码。首先你不需要用逗号来分隔房产价值。一个空间是所有必需的。

此外请确保您的属性值的顺序正确。

来源

2011-06-17 09:29:53

我刚刚提交了他的CSS。我现在会推荐它。我认为整体答案对他来说会比对整理他的CSS更有用。 – 2011-06-17 09:31:50

现在再试:) – 2011-06-17 09:41:35

是否做过并删除了评论;-) – DanielB 2011-06-17 09:43:19

在DIV标记中显示Image上超链接的问题

回答

相关问题