使用 CSS 跨多个浏览器修改 PHP 中生成的类


modifying a class generated in PHP across multiple browsers using CSS

网站进行中: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;

这对我有用。不确定这是否是你所追求的:/