css – 将图像始终放在中心页面中

前端之家收集整理的这篇文章主要介绍了css – 将图像始终放在中心页面中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

将图像始终放在中心页面(E.x图像加载为ajax调用),即使在移动滚动时也是如此.如何?

最佳答案
对于大多数浏览器,您可以使用position:fixed

 img.centered {
     position:fixed;
     left: 50%;
     top:  50%;
     /*
         if,for instance,the image is 64x64 pixels,then "move" it half its width/height to the
         top/left by using negative margins
     */
     margin-left: -32px;
     margin-top:  -32px;
 }

例如,如果图像是40×30像素,则设置margin-left:-20px; margin-top:-15px代替.

这是一个jsfiddle示例:http://jsfiddle.net/WnSnj/1/

请注意,position:fixed在所有浏览器中的工作方式并不完全相同(尽管在所有浏览器中都可以).见:http://www.quirksmode.org/css/position.html

原文链接:https://www.f2er.com/css/427431.html

猜你在找的CSS相关文章