qq_40619811 2022-01-09 13:38 采纳率: 89.8%
浏览 323
已结题

关于JavaWeb网页背景图片为什么没有随着窗口大小而改变的问题

我现在要用javaee,也就是javaweb。我想给我的网页添加一张背景图片,背景图片的大小是小于窗口的大小的。我按照下面的代码写了。


<%@ page language="java" import="java.util.*" pageEncoding="utf-8" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
int port=request.getServerPort();
    
    if(port==80){
    basePath=request.getScheme()+"://"+request.getServerName()+path;
    
    }else{
        basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
        
    }
    request.setAttribute("basePath", basePath);
%>

<!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 class='ban' style="height:document.body.clientHeight;width:document.body.clientWidth;background-image:url('${basePath}/img/pink.jpg')">
     <a href="${basePath}/Login.jsp">登录</a>
    <a href="${basePath}/Register.jsp">注册</a>
  </body>
</html>

结果变成这样子

img

发现我要的背景图片并没有随着窗口的大小自动的放大或者缩小,而是按照图片的实际大小分成了一块一块的,要怎么样才能使图片随着窗口的大小改变自动改变它的大小,而不是按照实际大小一块一块拼接呢?

  • 写回答

4条回答 默认 最新

  • 三千劫 2022-01-09 14:28
    关注
    
    background-position: center;//背景位置:居中
    background-size: cover;//背景大小,等比例缩放铺满不留白(会丢失图片)
    background-repeat: no-repeat;//背景平铺:不平铺
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 1月17日
  • 已采纳回答 1月9日
  • 创建了问题 1月9日

悬赏问题

  • ¥15 poi合并多个word成一个新word,原word中横版没了.
  • ¥15 【火车头采集器】搜狐娱乐这种列表页网址,怎么采集?
  • ¥15 求MCSCANX 帮助
  • ¥15 机器学习训练相关模型
  • ¥15 Todesk 远程写代码 anaconda jupyter python3
  • ¥15 我的R语言提示去除连锁不平衡时clump_data报错,图片以下所示,卡了好几天了,苦恼不知道如何解决,有人帮我看看怎么解决吗?
  • ¥15 在获取boss直聘的聊天的时候只能获取到前40条聊天数据
  • ¥20 关于URL获取的参数,无法执行二选一查询
  • ¥15 液位控制,当液位超过高限时常开触点59闭合,直到液位低于低限时,断开
  • ¥15 marlin编译错误,如何解决?