2017-10-31 8 views
1

background-repeat:round;をChromeで動作させるのが難しいですが、どこでも見ていますが、サポートされています。私は、コードを表示するインスペクタウインドウを含むChromeとFirefoxの景色との差を示したスクリーンショットへのリンクを含めていhttps://thecraftygardeners.co.uk/バックグラウンドラウンドラウンドがChromeで動作しない

URLです。 Chromeの最新バージョンを使用しています。

firefox display top, Chrome display beneath

+1

「background-repeat:round」というものはありません。私はちょうど一緒にCSSのプロパティを削除することをお勧めします。それはうまくいくはずです。 - https://caniuse.com/#search=background-repeat –

+0

@SidJoshiはい、それはCSS3の一部です。 – helb

+0

バックグラウンドリピートのようなものがあります:round、caniuseはバージョン32以降Chromeにあったことを示唆しています。https://caniuse.com/#feat=background-repeat-round-space落とし穴/問題が何であるかは不明です。 – delinear

答えて

0

私は背景リピートを得るトラブルを抱えている:ラウンドはChromeで動作するように、どこでも私は、私はそれがサポートされていると聞いてい見えるが。

あなたのボタンに先にbackground-position: center;が設定されています。 .et_pb_button_[0|1|3]background-position: initial;を追加して上書きし、background-size: contain;を削除してください。問題を解決するように見え、画像はroundオプションsuggestsと1回フィットするまで拡大縮小されます。

関連する問題