我希望我的图片在页面中间,文本在左右,我使用这个 html+css 但文本在图片后面。
html,css:
<style type="text/css">
body {
font-family: 'Noto+Sans', serif;
font-size: 14px;
color: red;
}
.centeredImage {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#malakas img {
float: left;
}
</style>
</head>
<body style="overflow:hidden; margin:0">
<form id="form1" runat="server">
<div id="main" style="background-color:black">
<div id="content">
</div>
<div id="footer">
</div>
</div>
</form>
<script language="javascript">
function autoResizeDiv()
{
document.getElementById('main').style.height = window.innerHeight +'px';
}
window.onresize = autoResizeDiv;
autoResizeDiv();
/script>
<div id="malakas">
<img class="centeredImage" img src="images/eye.gif" alt="" />
</div>
</body>
</html>
我应该在不同的文件中使用其他东西还是 css?
最佳答案
尝试z-index获取后台图片
关于html - 需要将图像放在页面中间,但文字放在后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21123907/