jsp背景图片怎么全屏?

jsp背景图片怎么全屏?,第1张

jsp背景图片进行拉伸全屏,可以直接在界面使用属性height:100%,实例如下:

<body>    

<div id="Layer1" style="position:absolute width:100% height:100% z-index:-1">    

<img src="imgs/login.jpg" height="100%" width="100%"/>    

</div> 

<body>

1、首先需要新建Dynamic web project项目,建好之后在WebContent里面的内容如图所示。

2、在body里在body里面设置背景图片,如图所示body部分内容。

3、在body里面代码 *** 作好之后,运行效果如图所示。

4、也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000。

5、直接写页面代码 *** 作好之后,运行效果如下。

6、也可以在head里面设 *** 作代码,如图所示。

7、在head里面代码 *** 作好之后,运行效果如下。

扩展资料:

JSP将Java代码和特定变动内容嵌入到静态的页面中,实现以静态页面为模板,动态生成其中的部分内容。JSP引入了被称为“JSP动作”的XML标签,用来调用内建功能。另外,可以创建JSP标签库,然后像使用标准HTML或XML标签一样使用它们。

标签库能增强功能和服务器性能,而且不受跨平台问题的限制。JSP文件在运行时会被其编译器转换成更原始的Servlet代码。JSP编译器可以把JSP文件编译成用Java代码写的Servlet,然后再由Java编译器来编译成能快速执行的二进制机器码,也可以直接编译成二进制码。

background:url()

不用设置就是默认铺满的,在你最外层容器,或body中设置

css

background设置

背景图片

是不能拉伸到全屏的,要想设置拉伸的,用img

设置postiion:absolute,把内容浮动在上面就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/11651647.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存