2

私はこの問題を理解しようとしています:

メニューに:afterクラスがあり、このメソッドを使用した後、画像とそれがうまく機能していることを示します。

IE 7 の :after および :before 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;
    }
}

1 つのパス (/path/images/) にのみ移動する方法を知っている人はいますか?

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 に答える