1

URL フラグメントは CSS とどのように相互作用しますか? 私はページを持っていますhttp://example.boom/is_this_a_bug.html。ページのコードはhttps://gist.github.com/3777018に示されています

そのような URL でページを読み込むと、.tab-paneコンテナがオーバーフローし、overflow: hiddenプロパティがあるため要素が表示されません。

ただし、有効なフラグメント ( #00) を URL に追加してページを読み込むと、が考慮されていない.tab-paneかのように が表示されます。left:100%ボタンを押すと、 が削除されてリセットされるだけで、タブペインleft:100%があふれます。

これは、Firefox 15.0.1 と Chromium 18.0.1025.168 (Developer Build 134367 Linux) Ubuntu 12.04 の両方で発生します。

なぜこれが起こっているのですか？これはバグですか、それとも他の場所で文書化されていますか?

よろしくお願いします、

マヌエル。

4

2 に答える 2

1

URLにフラグメント識別子を含むページをロードするときに、そのフラグメント識別子がページ上の要素のIDと一致する場合、ブラウザはページをスクロールしてその要素を表示します。

于 2012-09-24T18:27:21.620 に答える
0

別の方法として、JavaScript を適用したスタイルを使用することもできます。

(function hashStyle() {

    if (window.location.hash == '#COLOR') {
        var css = document.createElement('style'),
            s = document.getElementsByTagName('script')[0],
            styles = 'body { background-color: #b0c4de; }';

        css.type = 'text/css';

        if (css.styleSheet) {
            css.styleSheet.cssText = styles;
        } else {
            css.appendChild(document.createTextNode(styles));
        }
        s.parentNode.insertBefore(css, s);
    }
})();
于 2014-09-23T01:46:36.557 に答える