一个div相对另一个div相对浮动，且改变窗口大小之后，浮动的位置不变

最新推荐文章于 2024-09-02 12:07:09 发布

原创最新推荐文章于 2024-09-02 12:07:09 发布 · 3.7k 阅读

3 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JSP技术实现网页背景图片自适应显示的方法，通过CSS样式设置，确保了背景图片能够根据不同的屏幕尺寸进行调整，同时保持图片的原始比例。此外，还详细说明了如何定位页面中的特定元素，如印章图标，使其在页面中精确显示。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        #back{

            background:url(background/${gameinformation.gid}.gif);
            background-repeat:no-repeat;
            background-position:center;
            background-attachment:fixed;
            width: 100%;
            height: 100%;
            background-size:100% 100%;

        }
        #seal{
            background-image:url(seal/${gameinformation.gid}.gif);
            background-repeat:no-repeat;
            width: 30%;
            height: 30%;
            position: relative;
            top: 60%;
            left: 65%;
            background-size:80% 90%;

        }
    </style>
</head>
<body   >
<div id="back">
    <div id="seal">

    </div>
</div>

</body>
</html>