Question

我试图自己解决这个问题但未成功。我试图将闪光元素放在底部的固定位置。

#ticker{ position: fixed; bottom: 0; right: 12%; z-index: 6000 !important;}

它适用于FF和Chrome但不适用于IE。我尝试更改doctype

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

但它不起作用。我读了一些关于放置假元素的内容，但我没有把它拿出来......

Answer 1

让你的小提琴工作，你不需要改变你的DOCTYPE。

这是http://jsfiddle.net/xpjyY/1/

您忘记了css中“对象”的结束括号。

object[width=150]{z-index: -5 !important;}//Forgot the closing bracket

Answer 2

请尝试使用此doctype：

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

微软thinks中的某个人，如果他们希望使用position:fixed，那么强迫开发人员使用Strict docty是一个好主意。这很酷或什么的。

更新：this article介绍了其他一些解决方案，可能会有所帮助。

Answer 3

据我所知，它可以在IE9中运行（适用于我的桌面）。见jsfiddle。我没有触及IE8所以我不知道它是否会在其中运行..（我的猜测是它不会......因为微软... o，o）

无论如何..希望它有帮助.. =）

Answer 4

仅使用此

替换 CSS 代码

object[width=150]{z-index: -5 !important;}
#ticker,  #main_Ticker{ position: fixed; bottom: 0px; right: 12%; z-index: 6000 !important;}

您需要关闭

object[width=150]{z-index: -5 !important;此行

DEMO http://jsfiddle.net/xpjyY/2/

Answer 5

您更正的代码：

object[width=150]{z-index: -5 !important;}
#ticker,  #main_Ticker{ position: fixed; bottom: 0px; right: 12%; z-index: 6000 !important;}

您无需在HTML中更改任何内容。

Answer 6

http://www.howtocreate.co.uk/fixedPosition.html

这可以让你对固定定位如何运作有所了解，这是一个无聊但必要的阅读。

Answer 7

您可以使用IE中的表达式实现与位置相同：在其他浏览器中修复。（所以你需要两个不同的CSS文件）

只需将位置设置为绝对并添加表达式：

#fixeddiv{  
    position: absolute;
    top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
    left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');}
}

Answer 8

<强>参考：

jsFiddle with Active Ticker Demo

<强>解决方案：
需要SWF选项allowscriptaccess才能正确操作SWF自动收报机文件。闪光自动收报机的水平居中是使用包裹在position:fixed中的几个div中的纯CSS完成的，所以它始终固定在底部。

<强>兼容性：
这个jsFiddle是在 HTML5 中完成的，不是使用DOCTYPE Scrict而是在IE8中无问题地工作。
对于IE7，请使用单独的样式表并将bottom:0;更改为bottom:5px;以便正常操作。

<强>截图： enter image description here

状态：
自 jsFiddle.net 过去2天内遇到intermittent outages以来提供的屏幕截图。

css在IE中固定位置

8 个答案: