background-size 大小 语法 background-size :[ <length> | <percentage> | auto ]{1,2} | cover | contain <length>: 由浮点数字和单位标识符组成的长度值。不可为负值。 <percentage>: 取值为0 ...
分类:
Web程序 时间:
2017-06-23 13:00:10
阅读次数:
133
background-size 大小 语法 background-size :[ <length> | <percentage> | auto ]{1,2} | cover | contain <length>: 由浮点数字和单位标识符组成的长度值。不可为负值。 <percentage>: 取值为0 ...
分类:
Web程序 时间:
2017-06-23 10:26:45
阅读次数:
150
先来看w3c的background-size的几个值: background-size:cover; 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 background-size:contain; 把图像图像扩展至最大尺寸,以使其宽度和高度完 ...
分类:
其他好文 时间:
2017-06-20 17:52:54
阅读次数:
164
浏览器的兼容情况如下: IE 6+ .......... 兼容 ? Firefox 2+ ..... 兼容 ? Safari 3.2+ .... 兼容 ? Chrome 3+ ...... 兼容 ? Opera 10+ ...... 兼容 ? 最新版本: 2.1.11 参考网站: 1.http:// ...
分类:
Web程序 时间:
2017-06-19 00:32:50
阅读次数:
196
x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua ...
分类:
其他好文 时间:
2017-06-17 14:22:49
阅读次数:
199
//背景图移动,营造船在前进的视觉效果 背景设置repeat-y; .page3_bg{ position:relative;width:100%;height:100%; background:url(../image/page3_bg.png) repeat-y; background-size ...
分类:
移动开发 时间:
2017-06-12 11:56:53
阅读次数:
236
.page3_ship{ background:url(../image/boat_02.png) 0 center no-repeat; background-size: 486px 385px; position:absolute;bottom:0;left:50%;margin-left:-1 ...
分类:
其他好文 时间:
2017-06-12 11:50:29
阅读次数:
151
> .time-bgimg01 { background-image: url('../../images/personal/carlist/timeIcon.png'); background-size: auto 18px; background-repeat: no-repeat; backg ...
分类:
其他好文 时间:
2017-06-07 17:02:34
阅读次数:
193
最近在做一个项目,要求实现背景自适应,何为背景自适应呢? 1.如果背景图高度不够,背景height是100%,background-size就应该是 100% auto 2.如果背景图宽度不够,背景width是100%,background-size就应该是 auto 100% 具体是什么意思呢?还 ...
分类:
Web程序 时间:
2017-06-07 12:52:03
阅读次数:
200
想做一个个人展示类的网站首页,用整张图片来当背景,浏览器窗口放大缩小时背景图片不会变形,需要用到分层来实现其他功能,就用DIV来实现了 重点在于background-size这一块,开始是用background-size:100% auto;这样解决了宽度问题,高度不OK,发现background- ...
分类:
Web程序 时间:
2017-06-02 14:50:55
阅读次数:
314