html - 需要将图像放在页面中间,但文字放在后面

标签 html css image

我希望我的图片在页面中间,文本在左右,我使用这个 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/

相关文章:

python - 使用 Python 发送 HTML 电子邮件

javascript - 来自多个按钮的多个 Sidenav?

ruby-on-rails - Rails 3,回形针和从远程 url 上传图像

android - android转换图像中的Pdf Renderer是透明背景

html - CSS 静态轮播 - 无法在整个页面上展开

html - 修复了 Chrome 中的背景附件错误

jquery - 使用 jQuery 实现圆 Angular (图像)

java - 在不知道图像路径的情况下将图像添加到 JTooltip(由于图像是临时资源)

javascript - jQuery slider 显示具有特定数据 JQM 的多个输入

html - 反转多个 OL 之间的编号顺序(不是列表顺序)