サファリの背景が歪んでいます

Question

私は新しいクライアントのウェブサイトで作業しています。問題：サファリ（5pxサイズ）の代わりに背景画像がCSSに応答していません。

.et_pb_section_0 { /* The background CSS */ 
    background: url(http://www.elsyf-staging.com/esm/wp-content/uploads/2016/05/bg.png) 5px; 
} 

私はこの問題に関する明確な情報を見つけることができませんでした。

SafariはWebkitの機能をChromeと共有しているため、この問題を解決するためにChromeを使用しているサイトがありました。サファリを具体的にターゲティングする方法はありますか？

Answer 1

CSS background簡易表記では、background-positionはbackground-sizeより前になります。これにより5pxはに対応し、background-sizeには対応しません。

これを修正するには、スラッシュでbackground-sizeからbackground-positionを追加し、それを分離：

.et_pb_section_0 { 
    background: url("http://www.elsyf-staging.com/esm/wp-content/uploads/2016/05/bg.png") 0/5px; 
} 

を別の方法として、別途background-imageとbackground-sizeを定義します。あなたはそれが別のサイトに解決し得たよう

.et_pb_section_0 { 
    background-image: url("http://www.elsyf-staging.com/esm/wp-content/uploads/2016/05/bg.png"); 
    background-size: 5px; 
}