CSS:在ie7之后,jquery模式

时间:2013-02-22 16:14:15

标签: javascript jquery html css

我试图解决这个问题:

我的菜单上有一个 :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 /)?

1 个答案:

答案 0 :(得分: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 */
}