Question

我有一个wordpress网站，我有三个按钮，右侧有position:fixed。这些按钮在FF和IE中显示正常，但在我滚动谷歌浏览器时，在下一部分后面消失了。我很确定这是一个堆叠上下文问题，但无论我改变哪个值都无法显示按钮。下面的HTML和CSS（主题使用视觉作曲家，如果有任何帮助：）

.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

非常感谢你的帮助。

Answer 1

#top添加overflow: visible

固定按钮消失在谷歌浏览器的元素后面

1 个答案: