0

タイトルが示すように、Chrome に問題があります。

ブラウザサイズの幅と高さの自動を 100% カバーする背景画像を取得しました。位置は固定に設定されています。これは、すべてのブラウザでうまく機能します。しかし、フッターメニューの位置を固定したいのですが、Chromeのページの一番下に留まりたくありません!

スクロールしない限り、一番下にあります。スクロールすると、フッターメニューが上がります。Chrome でのみそのように動作します。どうすれば修正できるか知っている人はいますか？

もう1つのことは、次のようなjavascriptがあることです。

function showContent() {
    document.getElementById('showbox').style.marginTop = '20px';
    document.getElementById('showcontent_btn').onclick = function() {hideContent();} 
    document.getElementById('showcontent_btn').id = 'hidecontent_btn';
}

function hideContent() {
    document.getElementById('showbox').style.marginTop = '30%';
    document.getElementById('hidecontent_btn').onclick = function() {showContent();} 
    document.getElementById('hidecontent_btn').id = 'showcontent_btn';
}

これは 2 つの関数です。showContent はコンテンツ ボックスをメイン メニューの 20 ピクセル下に上げ、hideContent はコンテンツ ボックスをブラウザ全体の 30% に下げて、背景画像を表示します。クロムを除くすべてのブラウザでうまく機能します...

クロムでは、ボタンをクリックするたびに何も起こらないように見えますが、マウスを動かし始めると、ホバーしているコンテンツの一部がポップアップし始め、コンテンツの一部だけが表示され、本当にめちゃくちゃに見えます上。これを取り除くには、ページを更新する必要があります。

私の問題で私を助けてください。知っていることはすべて試しましたが、うまくいきません。

編集: ここでは、javascript 関数の動作中の jsfiddle があります: http://jsfiddle.net/Z8XPA/4/

* *EDIT2: 位置を固定したいフッターメニューの HTML と CSS は次のとおりです: HTML:

<div id="footer_menu"><?php print render($page['footer_menu']); ?></div>

CSS:

#footer_menu { 
    position:fixed; 
    z-index:2; 
    bottom:0px; 
    width:100%;
    height:45px;
    background:rgba(0,0,0,0.5) !important;
    background-color:#000000;
}

よろしく、 ダニエル・ルンダール

4

3 に答える 3

0

CSSを試す

本文,html{高さ:100%,幅:100%}

于 2013-01-30T03:43:42.640 に答える
0

これは、ジャンプリンクを使用すると固定要素が消えることがあるのと同じことが原因である可能性があります (固定要素が Chrome で消える)。これが発生する原因となる chrome のバグがあります。

私にとってうまくいった解決策は、これを固定要素に追加することでした：

-webkit-transform: translateZ(0);
于 2013-11-06T13:53:29.513 に答える