HTML中使背景图片自适应浏览器大小

最新推荐文章于 2022-03-25 22:37:01 发布

呆呆与笨笨

最新推荐文章于 2022-03-25 22:37:01 发布

阅读量1.2k

点赞数

分类专栏： HTML

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

由于标签的图片不能够拉伸，
解决办法：

1、图片不够大，又background属性不能拉伸图片； 2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用 3、body的background属性去掉，要不然会被遮住

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">

        <title>My JSP 'index.jsp' starting page</title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    </head>

    <body style="margin: 0;">
        <div
            style="position: absolute; width: 100%; height: 100%; z-index: -1">
            <img src="1.jpg" height="100%" width="100%" />
        </div>

        <div align="center">
            <p>这是一个图片</p>
        </div>
    </body>
</html>

2、 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

呆呆与笨笨

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML中使背景图片自适应浏览器大小

由于标签的图片不能够拉伸，解决办法：1、图片不够大，又background属性不能拉伸图片； 2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用 3、body的background属性去掉，要不然会被遮住<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%
复制链接

扫一扫

专栏目录