当前位置:首页 » 背景图片 » jsp背景图片
扩展阅读
手机可以下载微信的图片 2024-12-23 14:58:35
画画图片大全花朵 2024-12-23 14:57:40

jsp背景图片

发布时间: 2022-02-04 19:57:13

‘壹’ 如何给jsp页面添加背景图片

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

‘贰’ JSP页面上设置背景图片<body background="image/background.jpg">

试试用css设置背景
<body style="background:url(image/background.jpg)" >
至于路径,在eclipse预览时候能看见不一定说明路径一定正确。很多时候本地的相对路径放到服务器解析的时候就找不到了。一般是页面设置了<base>标签时候容易出这种问题。

‘叁’ jsp页面中添加背景图片。运行不显示图片。 我的路径没有啥问题吧,怎么显示不出来。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人主页</title>
<style type="text/css">
<!--
body {background-image: url(<%=request.getContextPath()%>/images/1.jpg);
}
-->
</style>
</head>
<frameset rows="30%,*" frameborder="no">
<frame src="dd.jsp" name="dd" scrolling="no">
<frame src="ss.jsp" name="ss" scolling="no">
</frameset>
<body >
</body>
</html>

要不用css试试

‘肆’ jsp加背景图片

由于你的页面中使用了框架集。就是<frameset>...</frameset>这个东西。
一旦使用了这个之后,body是无效的。
因为框架集中有很多框架页,即iframe,这些iframe中有自己的body。
你只能在你的iframe中的body设置背景图片

‘伍’ 如何在JSP页面表单添加背景图片

表单外面或者表单里面加一个div,在div上加背景图片:

<div style="background-image:url(../images/a.jpg)"><form action="login.do"> <input type="text" name="userName"/> <input type="password" name="password"/> </form></div>
里面用table的话,可以加在table里面, <table style=".........."></table>

‘陆’ jsp里面怎样用图片做div的背景

如果是写在页面里的url('<%=request.getContextPath()%>/images/top.jpg'),是一定不会出错的,如果写在css里面,就要了解一下相对路径和绝对路径了;

绝对路径:是从盘符开始的路径,形如
C:\windows\system32\cmd.exe
相对路径:是从当前路径开始的路径,假如当前路径为C:\windows
要描述上述路径,只需输入
system32\cmd.exe
实际上,严格的相对路径写法应为
.\system32\cmd.exe
其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。
假如当前路径为c:\program files
要调用上述命令,则需要输入
..\windows\system32\cmd.exe
其中,..为父目录。
当前路径如果为c:\program files\common files
则需要输入
..\..\windows\system32\cmd.exe

另外,还有一种不包含盘符的特殊绝对路径,形如
\windows\system32\cmd.exe
无论当前路径是什么,会自动地从当前盘的根目录开始查找指定的程序。

‘柒’ jsp中js实现点击按钮更改背景图片

我把思路改成换ID(或者class),这样做比较简单粗暴,但是可行。
因为我用的框架laravel,不知道怎么在view里面写img路径,url::asset()也不行,试了很多次,差点爆炸,最后才直接用JS换ID

‘捌’ jsp背景图片怎么全屏

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

<body>
<divid="Layer1"style="position:absolute;width:100%;height:100%;z-index:-1">
<imgsrc="imgs/login.jpg"height="100%"width="100%"/>
</div>
<body>

‘玖’ jsp背景图片如何设置

1、修改背景图片和动态语言类【jsp】并无关联。


2、背景图片是css属性background来设置的。具体使用:


background:url(images/xx.jpg) no-repeat center center;


url()是背景存放位置。


no-repeat不平铺,就是图片多大就展示多大,还有其他的平铺方式。repeat-x:横向平铺,repeat-y纵向平铺,repeat:横向纵向平铺。


center center是背景显示在容器里头的位置,当然也可以使用10px 10px像素来表示从什么地方开始显示。

‘拾’ jsp设置了背景图片不显示

WEB-INF下的资源是不能够直接被访问的
你可以做一下简单的测试,就是直接在浏览器输入路径去请求该文件
就是将这张图片放在WEB-INF外面的一个文件夹
然后访问
localhost:8080/img/login.jpg

localhost:8080/WEB-INF/img/login.jsp
在WEB-INF文件夹里面的所有文件都不能够直接被访问的