使用相同文件的Html / JS / PHP两个页面看起来不同(仅限于chrome)

时间:2013-10-29 10:15:13

标签: javascript php jquery html css

在我的一个虚假域名上,我一直在制作一个有趣的菜单。菜单按预期工作:

-Removed -

但是,该页面不使用任何PHP。

-Removed -

此页面确实使用PHP从充满假链接的数据库中填充菜单中的链接。问题是它在IE9中按预期工作,但由于某种原因,chrome会向第一次加载页面时保存链接的div添加一个左:40px。后来,脚本看起来和按预期行事。我将html和CSS验证为XHTML 1.0 Strict和CSS3。我无法在Firefox或Opera中测试这个,因为这台计算机无法安装这些浏览器。

HTML明智的唯一区别是,在php版本中,链接实际上被标记为链接作为主页版本,它们只是文本。 CSS确实包含.LinkDiv类中元素的样式,它将边距和填充设置为0px。

如果有人能够对这个问题有所了解,那就太棒了。

我补充说:

.LinkDiv {
height: 100px;
width: 175px;
display: none;
position: relative;
left: 0; /* This */
background-color: rgb(217,217,217);
}

并且不断点击刷新,有时在Chrome中正确加载,其他人则将div 40px加载到左侧。

1 个答案:

答案 0 :(得分:1)

将此添加到您的css文件

.LinkDiv:nth-child(1){left:0 !important;}