在IE不支持这个属性的时候可以通过滤镜来实现这样的一个效果。 div{background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='登陆_files/ban.jpg', sizingMeth ...
分类：
其他好文 时间：
2016-06-20 15:54:41
阅读次数：
129
background-size是CSS3新增的比较实用的属性，使用它可以随心所欲地控制背景图的显示大小，而在css2中背景图的大小是不可控制的。 基本语法： 用于设置背景图片的大小，有2个可选值，第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只指定1个值得，则第2个值 ...
分类：
Web程序 时间：
2016-05-31 18:40:25
阅读次数：
192
1、background-size要放在background后边才会生效。 2、隐藏滚动条，内容可以滑动 3、导航栏固定 在中间部分相对定位，就不会消失 4、rem 是相对于根元素计算的，rem值=当前px除以根元素。如：根元素为16px,需要一个18px的字体，只要18/16=1.125rem. ...
分类：
Web程序 时间：
2016-05-27 18:15:41
阅读次数：
198
请复制粘贴，图片请自带 <!DOCTYPE html > <html > <head> <meta charset="utf-8"> <title>标题</title> <script type="text/javascript" src="../js/jquery-1.4.min.js"></sc ...
分类：
Web程序 时间：
2016-05-11 10:51:16
阅读次数：
5243
前言今天来继续给大家介绍一下HTML5,讲什么呢,讲讲一组效果非常酷的鼠标滑过按钮背景动画特效,在该特效中，当鼠标滑过按钮时，使用CSS3 animation来动画background-size和background-position属性，来实现各种背景动画效果。下面来看一下整体的效果图:
看了动画效果之后大家应该非常关心他是如何实现的,现在就给大家具体讲讲他的实现技巧.具体实现1. CSS样式...
分类：
Web程序 时间：
2016-05-03 18:37:34
阅读次数：
236
background-size background-size指定背景图像的大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <!DOCTYPE html> <html> <head> <style> body { backgro ...
分类：
Web程序 时间：
2016-04-26 15:37:21
阅读次数：
191
background-size的基本属性 background-size: 可以设定背景图像的尺寸，该属性是css3中的，在移动端使用的地方很多，比如最常见的地方在做响应性布局的时候，比如之前做的项目中有轮播图片，为了自适应不同大小分辨率的图片，我门需要使用css3中的媒体查询来针对不同的分辨率设置 ...
分类：
Web程序 时间：
2016-04-20 11:09:14
阅读次数：
282
CSS3中提出了background-size属性，该属性可以设置背景图片的大小，该属性的值设置为绝对数值或者百分比时对background-position没有任何影响，当设置为contain/cover时就会产生影响，其中有一个值会无效。 background-size:contain 该属性会 ...
分类：
其他好文 时间：
2016-04-18 13:12:10
阅读次数：
190
在我们做项目过程中，可能会遇到一个问题，就是给个背景图的尺寸大小是一样的，可是屏幕大小却有很多种。 比如app前面的几个引导页，你收到的是固定大小尺寸的照片，怎么让这个屏幕可以跟背景图片相适应呢？ 有一些解决方案是，根据不同的屏幕大小做不同的照片尺寸，可是这样添加了设计师的工作量，又要加载很多图片， ...
分类：
Web程序 时间：
2016-04-11 20:39:04
阅读次数：
179
解决方法有两种： 一种是CSS，使用background-size:cover实现图片的拉伸效果，但是IE8及以下版本不支持background-size，于是可以使用微软的滤镜效果，但是IE6不支持。 body{background:url(bg.jpg) center center;backgr ...
分类：
Web程序 时间：
2016-04-07 09:33:02
阅读次数：
167
