html – 将图像置于div顶部

概述我有一个带有一堆东西的div,我想要做的是放置一个图像,居中,在它上面.我的基本布局看起来像这样： <div> <img style="display:block; position: absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px;" src="Images/ajax-loader_001.gif" /> 我有一个带有一堆东西的div,我想要做的是放置一个图像,居中,在它上面.我的基本布局看起来像这样：

<div>    <img  src="Images/AJAX-loader_001.gif" />    <!-- a bunch of tables and stuff that doesn't have a convenIEntly fixed size  --></div>

以上将使图像在屏幕中居中(图像为66px x 66px BTW),但我希望它相对于父div居中并在其上方“浮动”.有一种纯粹的CSS方式吗？需要在ie8和最近的firefox版本中工作.

编辑：只是为了澄清 – 我希望水平和垂直居中并在父母的顶部.

解决方法 只需要把它放在你的父div上：

position: relative;

总结

以上是内存溢出为你收集整理的html – 将图像置于div顶部全部内容，希望文章能够帮你解决html – 将图像置于div顶部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。