5

Google Chromeに問題があります： Askツールバーをインストールすると19.0.1084.52 mで、Webサイトのレイアウトが壊れます。

印刷画面を参照してください。 ここに画像の説明を入力してください

ChromeのツールバーがWebサイトに影響を与えるのは通常の動作ですか？

編集：私はすべてをaの中に包み<div>、背景画像をから移動する必要があると思い<body>ますが、この余分なマークアップを追加せずにもっと良いオプションはありますか？

ウェブサイトへのリンク

4

3 に答える 3

7

Javascriptスニペットは、Chromeの質問ツールバーを無効にすることができます。この機能が早く普及することを願っています!!

function removeAsk(){
    if(document.getElementById("apn-null-toolbar") != null){
        // mainMenu had a style change for its top positioning, returning it to normal
        // perhaps a function can be made which iterates over every element ask has changed
        document.getElementById("mainMenu").style.top = "-16px";
        // Just remove the iframe and style elements
        (elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem);
        (elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem);
    }
}

ボディオンロード後にこのメソッドを呼び出す

<body onload="removeAsk()">
于 2013-03-08T17:12:14.317 に答える
1

ツールバーを作成するためのChrome拡張機能APIはないため、前述の拡張機能はコンテンツスクリプトを介してツールバーを作成している必要があります。つまり、開いたページごとに、CSSファイルとJavaScriptファイルがこの拡張機能によって挿入され、ツールバーとして機能するページ内にDOM要素が作成されます。このソリューションの問題は、コンテンツスクリプトを使用すると、Webサイトの外観や動作方法を台無しにする可能性があることです。

于 2012-06-08T09:39:31.757 に答える
1

Askツールバーでこれとまったく同じ問題が発生しました。基本的に、ポジショニング属性と上/左/右/下を取り出し、マージンに置き換えました。マージンはより少ないスペースを使用し、それはよりきれいになります。

私は同意しますが、エンドユーザーが壊れてレイアウトのバグを引き起こすものをインストールする可能性があるため、ツールバーに対応するのはちょっとばかげています。Skype拡張機能でさえ、電話番号を変更するだけでレイアウトが崩れます。

したがって、できることはあまりありませんが、マージンを使用してCSSを最小限に抑えてください。ちょうど私の2セント。CSSを使用する必要がある場合は、余白を付けてください。

于 2013-01-23T18:30:31.293 に答える