gpt4 book ai didi

css - 固定位置在某些浏览器中无法按预期工作

转载 作者:太空宇宙 更新时间:2023-11-03 18:14:32 25 4
gpt4 key购买 nike

我在页面的左下角有一个小的“反馈”按钮。它用 fixed 定位。

但是在某些浏览器(主要是旧版本的 webkit)上,它并没有按预期显示在页面底部。

这里是一些屏幕截图(错误在 XP chrome 25、Win 8 firefox 18、Win 7 firefox 3.6 等上可见): http://www.browserstack.com/screenshots/0d783c572a3da30c4ad2482b86cdce92dcf0788b

我该如何解决这个错误行为?

我对粘性页脚等过于复杂的解决方案不感兴趣,因为即使按钮​​隐藏了一些文本也不是问题。

CSS:

#support {
position: fixed;
left: 20px;
bottom: 0;
}

#support a {
display: block;
padding: 5px 10px;
...
}

许多其他嵌套 div 中的 HTML:

<div id="support"><a href="#">…</a></div>

最佳答案

这是一个与截图方式有关的问题。代码正确,按钮在所有浏览器中的位置都正确。

关于css - 固定位置在某些浏览器中无法按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23060860/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com