网站登录隐藏在 IE 中但在 chrome 中工作 [关闭]

Posted

技术标签:

【中文标题】网站登录隐藏在 IE 中但在 chrome 中工作 [关闭]【英文标题】:Website Login hidden in IE but working in chrome [closed] 【发布时间】:2012-03-21 07:58:40 【问题描述】:

我不明白为什么我的网站登录表单部分隐藏在 IE 中,但在 Chrome 中看起来不错???

链接在这里

http://make-your-offer.com/

任何指导将不胜感激!

我真的很难设计那个登录表单 - 我想发布网站让人们开始注册,但目前我不喜欢它的外观!

:(谁能帮帮我,我昨晚试了所有,今天已经试了几个小时了:(

【问题讨论】:

只是一个提示,尽量让你的标题更具描述性。它可以帮助人们弄清楚他们是否能够提供帮助。 【参考方案1】:

您的网站缺少 DOCTYPE,因此在 IE 中以 Quirks 模式触发。添加适当的 DOCTYPE,一切正常:

<!DOCTYPE html>

【讨论】:

我应该在哪里添加??似乎没有修复它 @MichaelStott 您将其添加到 html 索引页面的第一行,在任何内容之前。 @Michael Stott doctype 应该是您的 html 文件的第一行\ @MichaelStott 刚刚查看了您的页面并且完全不正常,您的 html 中有多个 &lt;head&gt; 声明,并且您的 &lt;html&gt; 声明(包括 DOCTYPE)一直向下在&lt;head&gt; 部分之后的底部。我建议你在适当的标记上使用you read up,然后你应该以something like this结束。【参考方案2】:
#my-mega-menu-widget 
   margin-top: -20px;

这(可能)是导致它的原因。

您可以使用IE conditional comments 或css hack to fix it for IE 覆盖该值。

或者正如 sven 建议的那样,重构你的代码,这样你就不必使用负边距(它们坏魔力)


如果您使用的是 IE7,如果您使用负边距以这种方式拉动元素,它不会绘制元素伸出其父元素的部分(尽管 overflow: visible 应该可以工作)。

这是一个“hasLayout”相关的IE bug,可以在Has Layout: Negative Margin Bug.找到处理方法

【讨论】:

如果需要负边距以使布局在 chrome 上正常工作,他不应该为 IE 做黑客,那么他应该看看他的布局并做出更好的东西。 删除负数在 IE 中排序,但现在登录在 Chrome 上的主框下隐藏了一点点..

以上是关于网站登录隐藏在 IE 中但在 chrome 中工作 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

jquery cycle.js 分页器图形在 Safari、Firefox、Chrome 和 Opera 中工作,但在 IE 中消失

Flex 在 chrome 中工作,但在 IE 中不工作

Primereact - DataTable - CSV 导出在 chrome 中失败,但在 IE 中工作

绝对定位 div 的边距底部在 Chrome 中工作,但在 Safari 或 Firefox 中不可用

jQuery Ajax 在 IE 6/7/8 中不工作,在 FF/Safari/Chrome 中工作

page-break-inside:避免 - 不能在 Chrome 中工作