Hintergrund in Safari ist verzerrt

Question

Ich arbeite auf der Website eines neuen Kunden, und alles sieht gut aus in jedem Browser außer Safari. Das Problem: Das Hintergrundbild reagiert nicht auf das CSS in Safari (Die 5px Größe).

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

Ich konnte keine definitive Informationen zu diesem Problem finden.

Da Safari die webkit-Funktionalität mit chrome teilt, wurde versucht, dieses Problem über dieses Problem zu beheben. Gibt es eine Möglichkeit, gezielt auf Safari zu zielen?

Answer 1

In der CSS background Kurzschrift-Eigenschaft kommt die background-position vor background-size. Dies entspricht 5px entspricht background-position, nicht background-size.

Um dies zu beheben, fügen Sie ein background-position und trennt es von background-size mit einem Schrägstrich:

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

Alternativ definieren background-image und background-size getrennt:

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