2016-04-28 61 views
0

我試過下面的代碼,但它仍然在Safari &鉻上工作。在Safari中的Css哈克問題

請讓我知道一個黑客 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瀏覽器,但我想,只有在Safari。

+1

聽起來有點激烈的「黑客」。你爲什麼需要這個?你不能在兩者上使用相同的代碼嗎? –

+0

沒有其實它是不同的我可以;不明白爲什麼會發生,但現在我沒有解決方案我必須申請黑客,所以請如果你有任何破解Safari瀏覽器上運行onllly請讓我知道 – Rajendra

+0

是否有一個CSS狩獵Safari瀏覽器只有不鉻?在該鏈接中,所有代碼不僅在Safari中運行。我只想要safari hack – Rajendra

回答

0

嘗試以下類型的規則:

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

或者,您可以從媒體也Browser Hack

+0

這是錯的。任何其他? – Rajendra

+0

嘗試使用此鏈接的規則:https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/ –

0

破解這個技巧是要只在Safari上運行:

_ :: - webkit-整頁媒體,_:未來,:根.contactDiv img {margin-top:-75px; }