0

我试图自己解决这个问题，但没有成功。我正在尝试将 flash 元素放置在底部的固定位置。

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

它适用于 FF 和 chrome，但不适用于 IE。我尝试更改文档类型

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

但它没有用。我读过一些关于放置假元素的文章，但我不太明白..

4

8 回答 8

5

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

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

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

object[width=150]{z-index: -5 !important;}//Forgot the closing bracket
于 2012-06-25T10:29:39.153 回答
1

尝试使用此文档类型：

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

不知何故，微软的某个人认为，如果他们希望使用position:fixed. 这很酷什么的。

更新：本文描述了其他几种解决方案，可能会有所帮助。

于 2012-06-24T18:30:50.187 回答
0

您更正的代码：

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

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

于 2012-06-26T05:14:45.997 回答
0

只用这个替换你的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;这条线

演示 http://jsfiddle.net/xpjyY/2/

于 2012-06-25T16:27:34.810 回答
0

可以在 IE 中使用表达式来实现与其他浏览器中的 position:fixed 相同的效果。（所以你需要两个不同的 CSS 文件<!--[If IE]><![endif]-->）

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

#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');}
}
于 2012-06-27T06:27:25.597 回答
0

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

这应该让您对固定定位的工作原理有所了解，这是一本无聊但必要的阅读。

于 2012-06-26T21:40:14.120 回答
0

据我所知，它确实适用于 IE9（适用于我的桌面）。看到这个jsfiddle。我没有 IE8，所以我不知道它是否会在其中运行..（我的猜测是它不会..因为微软......o，o）

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

于 2012-06-24T21:14:11.497 回答
0

参考：

带有 Active Ticker 演示的 jsFiddle

解决方案：
需要 SWF 选项allowscriptaccess才能正确操作您的 SWF 代码文件。flash 代码的水平居中是使用纯 CSS 包裹在几个 div 中完成的，position:fixed因此它总是固定在底部。

兼容性：
这个 jsFiddle 是在HTML5中完成的，不使用 DOCTYPE Scrict 并且可以在 IE8 中正常工作。
对于 IE7，使用单独的样式表并更改bottom:0;为bottom:5px;正确操作。

截屏： 在此处输入图像描述

状态：
由于jsFiddle.net在过去 2 天出现间歇性中断，因此提供了屏幕截图。

于 2012-06-29T13:37:22.640 回答