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文件。所以要么将你的css文件移动到同一个文件夹或使用以下路径之一：

http://rusticblonde.hostizzo.com/images/arrows-ffffff.png
../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文件中。 Google提供“css中的相对vs绝对路径”以获取更多信息。

Answer 3

删除代码：

overflow:       hidden;

CSS不定位子指标的图像

3 个答案: