Html 如果相对于父元素固定的元素位置不起作用,即?

Html 如果相对于父元素固定的元素位置不起作用,即?,html,css,html5-canvas,Html,Css,Html5 Canvas,如果相对于父元素固定的元素位置不工作,Internet Explorer? 我发现,当我定位一个固定的元素时,父元素的位置是否相对并不重要。它将相对于Internet Explorer中的窗口定位固定 代码: //内容DIV .行{ 宽度:1200px; 保证金:0自动; 垂直对齐:顶部; 文本对齐:居中; 字号:0; 位置:相对位置; } //行动组 .CallActor{ 位置:相对位置; } 卡拉纳先生{ 位置:绝对位置; 右:0; } .CallActionContainer{ 位置:

如果相对于父元素固定的元素位置不工作,Internet Explorer? 我发现,当我定位一个固定的元素时,父元素的位置是否相对并不重要。它将相对于Internet Explorer中的窗口定位固定

代码:

//内容DIV
.行{
宽度:1200px;
保证金:0自动;
垂直对齐:顶部;
文本对齐:居中;
字号:0;
位置:相对位置;
}
//行动组
.CallActor{
位置:相对位置;
}
卡拉纳先生{
位置:绝对位置;
右:0;
}
.CallActionContainer{
位置:固定;
z指数:9999;
不透明度:1;
-webkit点击高亮显示颜色:rgba(0,0,0,0);
变换:translateZ(0px);
过渡:所有2s线性;
右:0;
}
.CallActionDisplay{
边际:0px;
宽度:200px;
高度:58px;
边框:0px无rgb(0,0,0);
背景色:rgba(59,110,142,0.74902);
背景大小:100%100%;
字体系列:Arial、Helvetica、无衬线字体;
字体大小:12px;
字体大小:正常;
颜色:rgb(241,241,241);
文字装饰:无;
单词包装:打断单词;
空白:正常;
-webkit点击高亮显示颜色:rgba(0,0,0,0);
z指数:9999;
填充:18px 15px;
字号:600;
位置:固定;
右:0px;
}

行动呼吁

我刚刚遇到了同样的问题。实际上,除了IE之外,大多数浏览器(Firefox/Chrome)都在做我想做的事情,但结果证明这是错误的行为。但由于使用了“transform”,它将“打破”这个位置:在IE中固定(在其他浏览器中不固定)。这导致IE和其他浏览器的行为不同


我的解释可能不太清楚,所以请阅读更多内容(最后一段的琐事和注释)。

位置:只考虑wiewport。“我发现,当我定位一个固定的元素时,父元素是否相对定位并不重要。它将定位固定,相对于窗口”-这是预期的行为。我怀疑是否有任何浏览器会如此与众不同。@Paulie_D:在IE呈现不同于其他浏览器的过程中,我没有从我的代码中发现任何问题。如果你发现什么,请做必要的事