将图像设置为选择标记的背景

Question

这是css部分：

#selectTagId{
    background-color: transparent;
    color: white;
    background-image: url('images/img01.jpg');
    background-position: right;
    overflow: hidden;
}

图像路径正确。但图像未显示。相反，背景是白色的？呃怎么解决这个问题？

Answer 1

对我来说，它适用于绝对的img路径。见http://jsfiddle.net/9qf59/2/

请记住，css中的相对路径会导致一些奇怪的效果。它们是相对于css文件而不是文档。

Answer 2

你是否将这种风格应用于div？如果是这样，你必须指定该div的宽度和高度：

#selectTagId{
  background-color: transparent;
  color: white;
  background-image: url('images/img01.jpg');
  background-position: right;
  overflow: hidden;
  width: 200px;
  height: 200px;
}