【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; }

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

body{   background:url("./1.jpg"); background-repeat:no-repeat; background-size:860px 720px; bac...

java中让图片自己适应组件大小的两种方法

public void setIcon(String file,JButton com){ ImageIcon ico=new ImageIcon(file); Image temp=ico....

【JSP】div自适应大小

function findDimensions(){ document.getElementById("sidebar").style.height=document.body.clientHeig...
  • hateson
  • hateson
  • 2012年03月30日 15:54
  • 2295

网页自适应屏幕宽度

随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页内容? 手机的屏幕比...
  • ithouse
  • ithouse
  • 2014年09月15日 17:27
  • 4680

京东收货地址地市下拉框数据抓取

京东收货地址地市下拉框数据抓取

request应用:在JSP页面显示访问者IP

方法一: 纯前台,不涉及后台操作。 直接在jsp页面中需要显示IP的地方使用...
  • aitcax
  • aitcax
  • 2014年11月19日 16:01
  • 2424

CSS背景图片自适应、全屏、填充、拉伸

方法一、 js控制: 1 2 3 div id="formbackground" style="position:absolute; widt...

背景图片的自适应

.test { border: 20px dotted red; height: 200px; width: 200px; ma...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【JSP】背景图片自适应
举报原因:
原因补充:

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