css - CSS没有为子指标定位图像

Question

http://rusticblonde.hostizzo.com/

我的菜单上有一个子指示器，例如位于 images/arrows-ffffff.png 中。我什至尝试指向完整的 URL，但是它没有显示子指示器...

有任何想法吗？

我的代码如下： -

.sf-sub-indicator {
position:       absolute;
display:        block;
right:          .75em;
top:            1.05em; /* IE6 only */
width:          10px;
height:         10px;
text-indent:    -999em;
overflow:       hidden;
background:     url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

谢谢大家柯斯蒂

Answer 1

因为当您使用images/arrows-ffffff.png它时，意味着您的图像文件夹和 css 文件应该位于同一位置，但是在观察您的站点时，您正在从css/superfish.css. 所以要么将你的 css 文件移动到同一个文件夹，要么使用以下路径之一：

1. http://rusticblonde.hostizzo.com/images/arrows-ffffff.png
2. ../images/arrows-ffffff.png

Answer 2

1/ 问题是您没有修复脚本，因此sub-indicator该类的元素不存在。

2/ 改变：

url('images/arrows-ffffff.png') no-repeat -10px -100px

至：

url('/images/arrows-ffffff.png') no-repeat -10px -100px

使用绝对路径。它们通常更可靠，尤其是在 CSS 文件中。谷歌“css 中的相对路径与绝对路径”以获取更多信息。

Answer 3

删除代码：

overflow:       hidden;