Internet Explorer 的 CSS 问题答案

【问题标题】：Css issue with Internet ExplorerInternet Explorer 的 CSS 问题
【发布时间】：2012-02-05 23:48:48
【问题描述】：

您好，我正在尝试添加 2 个随页面滑动的按钮。我的意思是position:fixed

我的网站在除 Internet Explorer 之外的所有浏览器上都能正常运行。

请注意：Website

如您所见，实时聊天按钮和书签-我们按钮可在除 Internet Eplorer 之外的所有浏览器中滑动。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

HTML 的前两行是：

<!--start head-tag.php-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

删除文档类型上方的注释，因为它会导致您的网站显示在quirks mode。

position: fixed 在 IE 的 quirks 模式下不起作用。

【讨论】：

【解决方案2】：

试试这个http://jsfiddle.net/RftZy/1/ 这行得通。

.live-chat {
   position: fixed;
   height: 112px;
   width: 32px;
   z-index: 1001;
   top: 40%;
   left: -2px;
}

【讨论】：

【解决方案3】：

感谢您让我们到您的网站查看代码...

Internet Explorer 无法像其他浏览器那样呈现 CSS。您可以信赖的一件事是，有时 CSS 必须与元素的顺序相同才能正确呈现。也可以在网上寻找好的解决方案。

【讨论】：

【解决方案4】：

看看这个：

可能会有帮助。

【讨论】：