网站进行中:http://www.modernfuture.net/wordpress
我一直在尝试保持跨浏览器的连续性,我遇到了一个针对chrome 1 +/safari 3 +的媒体查询黑客
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* ... */
}
我用它来重新设计 .logo-img 和 .featuredThumb #social 在 chrome/safari 中以不同的方式,因为它们对这些元素的定位与在 Firefox 23 中不同。使用这段很棒的代码,我能够重新设计 #social 和.logo-img,而不是.featuredThumb。我对此的猜测是.featuredThumb类是在PHP中生成的,但我不确定为什么会发生这种情况。
这是生成.featuredThumb类的PHP代码片段
<?php the_post_thumbnail(array(287,250), array('class' => 'featuredThumb')); // Declare pixel size you need inside the array ?>
我真的可以在这件事上得到一些帮助!谢谢大家!!
我认为你需要改变
top: 92px;
自:
top: -92px;
这对我有用。不确定这是否是你所追求的:/