我有一个 wordpress 网站,其中有三个按钮,右侧有 position:fixed
。这些按钮在 FF 和 IE 中显示良好,但在谷歌浏览器中滚动时消失在下一部分后面。我很确定这是一个堆叠上下文问题,但无论我更改哪个值都无法使按钮出现。下面的 HTML 和 css(主题使用可视化 Composer ,如果有帮助的话:)
.button_fixed{
position:fixed;
right:0;
top:35%;
z-index:99999999;
}
.button_fixed a{
border:3px solid #f37121;
border-radius:8px 0 0 8px;
background:rgba(0,0,0,0.4);
display:block;
border-right:0;
color:white;
margin-bottom:25px;
padding:10px;
font-family: 'Deftone Stylus';
font-size:35px;
width:150px;
position:relative;
}
span.oswald{
font-family: Oswald;
font-size:25px;
text-transform:uppercase;
displaY:inline-block;
padding-top:5px;
}
HTML:
<div class="button_fixed">
<a href="#">sell <br/><span class="oswald">equipment</span></a>
<a href="#">buy <br/><span class="oswald">equipment</span></a>
<a href="#">outsource <br/><span class="oswald">my sales</span></a>
</div>
网站网址:http://tinyurl.com/q9yangh
非常感谢您的帮助。
最佳答案
对于#top
添加overflow: visible
关于html - 固定按钮在谷歌浏览器中消失在元素后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27279982/