【JSP】背景图片自适应

转载 2015年07月11日 09:39:37

JSP style 中设置

  .mysec{   

                width:70px;  
                height:70px;   
                background-image:url(../images/logo.png); /*图片地址*/                             
                background-origin:content;   /*从content区域开始显示背景*/  
                background-position:50% 50%; /*             图片上下左右居中  */
                background-size:contain;       /*           保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域  */
                background-repeat:no-repeat;     /*         图像不重复显示  */

            }  

使用<div class ="mysec"> 

这样图片能缩放到div中,不会只显示一部分

给jsp或者html设置背景图片,并拉伸,铺满屏幕

body{ background-image: url(img/bg.jpg); background-size:cover; }
  • lanjie_gunger
  • lanjie_gunger
  • 2016年01月06日 19:29
  • 22545

JSP界面——背景图片

如何给一个JSP页面添加背景图片,并设置其大小 添加背景图片: 方法一: ../img/girl.jpg 中的“../”不能少,指定图片的路径,如果没有,图片将加载不到 方法二:后续编辑,下班了 ...
  • Hangele
  • Hangele
  • 2016年10月17日 17:25
  • 534

jsp 定义 背景图片并控制图片的大小

body{   background:url("./1.jpg"); background-repeat:no-repeat; background-size:860px 720px; bac...
  • xiaochuige
  • xiaochuige
  • 2015年04月01日 16:44
  • 2656

JAVA中如何设置图片(图标)自适应Jlable等组件的大小

一、问题: 一个程序,组件上设置某个图片作为图标,因为的label(应该说是组件)已经设定了固定大小, 所以再打开一些大图片时,超过组件大小的部分没显示出来,而小图片又没填充完整个组件 ...
  • bobo1356
  • bobo1356
  • 2016年10月25日 01:05
  • 9053

jsp页面适应手机页面

content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" />
  • yangpeng201203
  • yangpeng201203
  • 2014年10月20日 17:18
  • 7438

【JSP】背景图片自适应

JSP style 中设置   .mysec{                    width:70px;                   height:70px;           ...
  • shan1021
  • shan1021
  • 2015年07月11日 09:39
  • 3533

jsp中如何让背景图片填充整个页面

  • x763795151
  • x763795151
  • 2016年06月07日 15:54
  • 661

JSP制成的个人网站,从登入开始,进个人网站。背景图片、插入图片、背景音乐....全盘介绍

  • 2008年11月03日 14:22
  • 5.32MB
  • 下载

背景图片如何自适应屏幕

自己比较头疼的问题,网上搜了好多资料,大概整理了一下 1. 直接设置CSS样式达到目的    在以上代码中,background-size: cover;是对背景图进行等比例拉伸,仍然存在图片显示...
  • yinkaihui
  • yinkaihui
  • 2015年10月12日 23:59
  • 24353

背景图片自适应大小(css3)

body {             background: url(/happytime/img/index.jpg) no-repeat center center fixed;  ...
  • mr_orange_klj
  • mr_orange_klj
  • 2015年01月16日 15:12
  • 11773
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【JSP】背景图片自适应
举报原因:
原因补充:

(最多只允许输入30个字)