javascript - CSS :after on ie7, jquery 模式

Question

我正在尝试解决这个问题:

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

:after and :before css pseudo elements hack for IE 7

我添加了那里提到的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;
    }
}

有人知道如何让它只转到一个路径(/path/images/)吗？

Answer 1

看看你的 CSS 会很有趣，但由于缺乏 CSS，我想你的内容应该是这样的:

url(/images/image.jpg)

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

编辑:所以，总的来说，我建议以下样式:

#yourElementId, #yourElementId:after {
    after: url(/images/image.jpg);      /* IE7 polyfill */
    content: url(/images/image.jpg);    /* css for other browsers */
}