特定のワードプレスのページのロゴをCSSと置換する

Question

私は自分のウェブサイト上の特定のページに異なるロゴを表示しようとしています。特定のページIDをターゲットとするCSSルールを追加しました。ロゴを正常に交換しますが、ChromeとSafariでのみ有効です。しかし、FirefoxとIEそれがロゴを交換しません（それだけでオリジナルのものを示して）

.page-id-1973 #logo {content: url(http://example.com/wp-content/uploads/2017/04/new-logo.png) ;} 

であなたは、FirefoxとIEの互換性、それを作成する方法を教え、またはそれを達成するための別の方法はありますか？

おかげ

Answer 1

contentはwrong css propertyがノードに画像を適用するために使用することです。その仕事はbackgroundに属し：

.page-id-1973 #logo { 
    background: url(http://example.com/wp-content/uploads/2017/04/new-logo.png); 
} 

あなたが交換されている画像は、あなたがそれを隠すために、これを行うとの高さと幅を保持することができます<img>タグとしてDOMである場合にもbackground-image

を使用することができます元の：

.page-id-1973 #logo img { visibility: hidden; }