2

I have a Wordpress site that uses a JQuery plugin called Hover-Caption ( https://github.com/coryschires/hover-caption ).

The main page of site: (http://brighidfitzsimons.com) looks good.

However in Internet Explorer 9, a similar page based on Category adds a 282px top offset to the post thumbnail image. (http://brighidfitzsimons.com/category/lifestyle/)

I am new web developer so I am struggling to figure out how to isolate problem. Based on this stackoverflow entry ( How do I get rid of an element's offset using CSS? ) my current train of thought is to add a IE specific CSS sheet to 'reverse' the offset but I can't seem to get at the offending element. Also I'm confused why works on main page but not on category page. If you watch page loading carefully, it initially loads correctly then at the very end the images are moved down. Perhaps this is a clue.

First stackoverflow entry so I hope I have followed correct ettiquete. Please advise if you need me to provide any more information.

Thanks for taking time to read problem.

Regards Simon

4

1 回答 1

0

它与标题内内容的替换有关，可能是关于 ie9 的一些怪癖，其他人会对我有更多的想法，所以你可以相信我的话：http: //jsfiddle.net/BXjK3 / 前两个我删除了所有更大、更小和引号，它可以工作，但我会说浏览器在 Javascript 可以看到它之前进行替换，这一切都走下坡路

编辑：值得一提的原因是因为文本不再正确包含，因此 display none 没有对其生效，由于内容的方式，将所有图像向下推并使其混乱加载 ie 检查无法显示文本在 javascript 之后的情况，只能显示页面加载时加载的内容，所以我无法为您提供更多帮助

于 2012-09-07T07:03:59.430 回答