我正在尝试制作一个加载动画,使其在页面中心和移动设备上都能显示。我已经尝试过:
但是我没有运气。
margin: 0 auto;
但是我没有运气。
#bw-preloader, #bw-preloader:after {
background:url(http://i.imgur.com/ImksiyD.gif) !important;
background-repeat: no-repeat !important;
border-radius: 0% !important;
width: 256px !important;
height: 256px !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
margin: -50px 0px 0px -50px; !important;
}
#bw-preloader {
border: 0px !important;
-webkit-transition: opacity 10s !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
margin: -50px 0px 0px -50px; !important;
}
@media only screen and (max-width: 500px) {
#bw-preloader {
position: fixed !important;
top: 50% !important;
left: 50% !important;
margin: -50px 0px 0px -50px; !important;
}
}
您可以在这里实时查看。
如果我漏掉了什么,有人可以检查一下吗?
也尝试过
position: absolute;