我正在尝试将图像附加到div标签。
<div class="arrow"></div>
.left div.arrow{background-image: url(../images/design/arrow.jpg); float:left;}
使用此功能在html页面上没有显示任何内容。 我做得对吗？ 我将图像放在正确的文件夹中。
由于
答案 0 :(得分：4)
您必须设置width的{{1}}和height属性，否则DIV基本上是不可见的，因为它没有内容。将宽度和高度设置为背景图像的尺寸。
编辑：正如其他人所指出的那样。您的选择器表明您的目标div位于类“left”的元素内。如果不是这样，您的选择器将无效。
答案 1 :(得分：1)
执行此操作时：
.left div.arrow{background-image: url(../images/design/arrow.jpg)
仅当div在内类别为left的元素时才有效。
您可以直接使用此目标：
div.arrow{background-image: url(../images/design/arrow.jpg)
请确保：
width和/或height 您指定图像的正确路径
div.arrow{
background-image: url(../images/design/arrow.jpg);
width:200px;
height:200px;
}
答案 2 :(得分：0)
.left div.arrow{background-image: url(../images/design/arrow.jpg); float:left;}
这表明具有类div的{{1}}应该包含在具有类arrow的元素中。是这种情况吗？
您可能想将其更改为
left答案 3 :(得分：0)
如果你希望div在空时显示，你必须在CSS中为它指定宽度和高度。
答案 4 :(得分：0)
div没有大小，因此不会显示。指定大小或向div添加一些内容。
div.arrow{background-image: url(../images/design/arrow.jpg); float:left; width:100px; height:100px;}