0

私は次のウェブサイトを開発しています：http： //di20studios.com/2012/royalpack/

MozillaFirefoxとIE8ではすべて正常に動作しますが、Safari、Opera、GoogleChromeは私のdisplay:table-*CSSが好きではありません...

はdisplay:table-*ヘッダーと下部にあります。

ここに画像の説明を入力してください

何が欲しい？継続的な背景：

ここに画像の説明を入力してください

Webサイトにアクセスして、この問題の実際を確認できますか？どうすればこれを解決できますか？

4

2 に答える 2

3

これをチェックしてください、あなたはあなたの問題が似ていることに気付くと思います。

これは未確認のWebkitバグです。私の唯一の提案は、HTML5Doctypeを使用していることを確認することです。

<!DOCTYPE html>

ジョン・レシグから：

特に、この新しいDOCTYPEの優れている点は、現在のすべてのブラウザー（IE、FF、Opera、Safari）が、HTML5を実装していなくても、それを確認してコンテンツを標準モードに切り替えることです。これは、今日HTML5を使用してWebページの作成を開始し、それらを非常に長い間持続させることができることを意味します。

また、これが唯一の解決策（決して：Pではない）でない限り、このメソッド（display：table- *）を使用しないことをお勧めします。この方法には多くの既知の問題があります。1つは、IE7でサポートされていないことです。

もっともらしい解決策は、これを達成するためにフローティングを使用することです。repeat-xを正しくオーバーレイするには、画像の透明度を変更する必要があります。実例がわかるように画像を編集しました。ヘッダーコンテナの後で必ずクリアする限り、floatを使用して問題が発生することはありません。PS、これはIE7 +で動作します：]

于 2012-04-17T13:12:03.793 に答える
0

Webサイトにアクセスして、この問題の実際を確認できますか？

質問が上記のとおりである場合、私の答えは次のとおりです。はい、はい、できます。LinuxでGoogleChrome18.0.1025.162を使用しています。

于 2012-04-17T13:03:23.897 に答える