'position:fixed'不适用于三星S3

时间:2015-01-06 07:11:14

标签: html css popup

我在我的网站中使用弹出窗口,并在加载图像时应用了.gif文件。我希望将图像固定在屏幕中央。我正在使用以下CSS:

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom: 0;
display: block;
height: 100px;
left: 0;
margin: auto;
padding: 20px;
position: fixed;
right: 0;
top: 0;
width: 100px;
border-radius:25px;
box-sizing:border-box;

除三星S3外,所有设备和台式机都可以。

我们是否有position: fixed的替代方案。

2 个答案:

答案 0 :(得分:0)

遇到此类问题时,您可以查看http://caniuse.com/#feat=css-fixed 你也应该在位置之后声明诸如top,bottom,left,right之类的指令,并将测量结果提供给你的0

例如

position: fixed;
right: 0px;
left: 0px;
top: 0px;
bottom: 0px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
display: block;
height: 100px;
margin: auto;
padding: 20px;
width: 100px;
border-radius:25px;
box-sizing:border-box;

答案 1 :(得分:0)

我发现它是解决方案。我在div之前添加了一个父Div。我在父div上应用了以下样式,并在子div上应用了绝对位置。而且它是固定的。感谢大家的支持。

position:fixed;
right: 0px;
left: 0px;
top: 0px;
bottom: 0px;
display: block;