2016-04-28 60 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; }