2016-04-28 14 views
0

私はこれをコードの下で試しましたが、まだSafariの両方で動作しています& Chrome。SafariのCSSハックの問題

だけのSafari用の両方がSafariのと同様、Chromeで作業している

.contactDiv img:not(:root:root) { 
    margin-top:-75px; 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .contactDiv img{ 
     margin-top:-75px; 
    } 
} 

Chromeはしかし、私は唯一のSafariでいることを望んでいない私はハックを教えてください。

+1

やや劇的な「ハック」のような音がします。なぜこれが必要ですか?両方で同じコードを動作させることはできませんか? –

+0

実際には違いはありませんが、なぜ起こっているのか分かりませんが、今は解決策がありません。ハッキングを適用する必要があります。サファリでonlllyを実行するハックがあれば教えてください。 – Rajendra

+0

サファリのCSSハック唯一のクロムですか?そのリンクでは、すべてのコードがサファリだけでなく、両方で実行されています。私はサファリハックだけを望む – Rajendra

答えて

0

ルールの次のように入力してください:

@media screen and (min-width:0\0) {} 

それとも、このハックはSafariのみで動作するように起こっているにもBrowser Hackから

+0

それは間違っています。他の? – Rajendra

+0

tryこのリンクのルール:https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/ –

0

をメディアハックを確認することができます。

_ :: - webkit-をフルページメディア、_:未来、:root .contactDiv img {margin-top:-75px; }