2

我试图解决这个问题：

我的菜单上有一个:after类，它显示了一个图像，并且在我使用这种方法后它运行良好：

:after 和 :before IE 7 的 css 伪元素破解

我添加了那里提到的 jquery：

http://jquery.lukelutman.com/plugins/pseudo/

在本地运行良好，但是当我在我的服务器中添加它时，它在主页（IE7）url-homepage/images/image.jpg 上运行良好。

...但是当我转到另一个页面时，伪路径是这样的：url-homepage/about/images/image.jpg ...我怎样才能防止这种情况..我假设它是 js 上的模式..

    var patterns = {
    text: /^['"]?(.+?)["']?$/,
    url: /url\(["']?(.+?)['"]?\)$/
};

function clean(content) {
    if(content && content.length) {
        var text = content.match(patterns.text)[1],
            url = text.match(patterns.url);
        return url ? '<img src="' + url[1] + '" />': text;
    }
}

任何人都知道如何让它只去一个路径（/路径/图像/）？

4

1 回答 1

4

看到你的 CSS 会很有趣，但如果没有，我猜你的内容应该是：

url(/images/image.jpg)

以斜杠开头，以便路径从服务器的根目录开始（而不是相对于当前文件夹）。

编辑：所以，总而言之，我建议采用以下风格：

#yourElementId, #yourElementId:after {
    after: url(/images/image.jpg);      /* IE7 polyfill */
    content: url(/images/image.jpg);    /* css for other browsers */
}
于 2013-02-28T11:25:48.407 回答