CSS没有为子指标定位图像答案

【问题标题】：CSS Not locating images for sub indicatorsCSS没有为子指标定位图像
【发布时间】：2012-11-21 16:21:24
【问题描述】：

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 */
}

谢谢大家克里斯蒂

【问题讨论】：

嗨@Kirsty Harris。您的 JavaScript 中存在冲突，导致 jQuery 无法被识别。这可能会阻止 Superfish 正常工作。
嗨，Kim3er ...我似乎删除了这个（这是标题中的额外调用）但它仍然没有重新调整子指标：S
尝试将文档就绪脚本向下移动到您引用 jQuery 库的位置下方。就是说 jQuery 没有定义。
嗨 Hollister，我刚刚删除了这个，它仍然没有重新调整子指标，我的菜单有一个子主题：S
现在错误是TypeError: $m(".ccf-datepicker").datepicker is not a function

标签： css superfish

【解决方案1】：

1/ 问题是你没有修复脚本，所以 sub-indicator 类的元素不存在。

2/ 只是改变：

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

收件人：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

嗨 Zaheer，只要您使用正确的图像路径，这肯定不重要吗？就像在 superfish 菜单中一样，它们位于 css 的单独文件夹中！？

【解决方案3】：

删除代码：

overflow:       hidden;

【讨论】：

哈哈抱歉，因为我在 jsfiddle 中有一个代码，因为我只是在一般情况下给出我的意见并且溢出：隐藏。