Chrome没有将样式表css规则应用于某些元素,jquery隐藏并显示div(SCREEN SHOTS)



你好,我在chrome中遇到了一个非常奇怪的问题,我就是想不通!

我正在创建一个在线文本浏览器游戏,您可以导航到此处查看我的问题。

http://www.novactown.com/account?id=10003#_account

您会注意到,您在一个名为Account的选项卡上,下面是一个黑色h2,类为.playerBar(它有css .playerBar {border: 1px solid #222;}

屏幕截图

http://www.images.novactown.com/eg1.png

现在,如果您单击好友选项卡,它将显示帐户的好友。

帐户的好友显示与选项卡上的h2完全相同,但css不应用.playerBar类,即使该选项卡上的每个h2都有.playerBar类。

屏幕截图

http://www.images.novactown.com/eg2.png

此外,如果导航到Friends选项卡并点击f5,它现在将正确显示h2并应用.playerBar CSS。

选项卡是动态的,并且应用绑定到hashonchange

我对它进行了W3C验证,一切都很清楚。

希望我说得足够清楚,我只是想不出chrome为什么这么做,我已经检查了IE、Mox、Safari和Opera,一切都很好!

感谢

我正在运行Chrome,它显示正常,要么你已经修复了它,要么它是缓存问题?当你从浏览器中查看源代码时,你的标记和css是否显示了你想要的内容?

最新更新