background-clip属性用于指定背景的显示范围。属性值如下:
background-origin属性用于指定在绘制背景时,从边框的左上角开始或者从内容的左上角开始。属性值如下:
background-size用于指定背景图像的尺寸。属性值如下:
background-break属性用于指定内联元素背景图像进行平铺时的循环方式。循环方式介绍如下:
在...
分类:
其他好文 时间:
2015-06-16 14:48:41
阅读次数:
125
做移动端页面时,设计稿中的切片图片往往是实际的2倍,此处记录图片正常显示大小的技巧。当图片是单张的话,可以对容器设计实际大小,然后设置background-image,为了让图片缩小一倍,可以设置background-size:contain;如:图片尺寸是20*20,但是在移动端页面显示的则是10...
分类:
移动开发 时间:
2015-06-15 18:36:51
阅读次数:
135
废话当然不说了。直接上代码
#mycon
{
background:url('Tpl/1.jpg');
background-size:400px 400px;
background-repeat:no-repeat;
border-radius: 4px;
border: 1px solid #ccc;
width: 400px;
height: 400px;
}
...
分类:
Web程序 时间:
2015-06-12 11:49:22
阅读次数:
122
问题描述经测试发现问题只出现在:1、原生IE8(其他版本IE模拟出的IE8无此问题)2、从打开IE8没有开启过F12(曾经开启过又关闭的无此问题)IE8报错“由于出现错误80020101而导致此项操作无法完成”,进而导致当前页面无法显示,同时整站所有页面都无法加载。问题分析-IE8没有console...
分类:
其他好文 时间:
2015-06-11 20:58:42
阅读次数:
1841
在给网页加背景图时会遇到:图片过大,只能显示出部分,不能完整的显示出来,实现不了设计的效果,怎么办?无标题文档View Codebackground:url(images/hi-wifi-bg.jpg) no-repeat center center; background-size:100% 10...
分类:
Web程序 时间:
2015-06-11 18:41:12
阅读次数:
304
在html头 加标签 强制使用最新的ie渲染强制使用最新的ie8渲染
分类:
其他好文 时间:
2015-06-10 19:05:46
阅读次数:
124
sprite背景图优化,通过设置css3 background-size来压缩大图达到高清效果,来解决H5网页在手机浏览器下图标模糊的问题。...
分类:
移动开发 时间:
2015-06-09 20:04:13
阅读次数:
2109
前面我写过如何优化Retina屏幕下的图像。如何优化Retina屏幕下的图像一文中从CSS3的background-size切入,介绍了background-size的属性使用方法,然后转入正题,介绍了Retina屏幕下的图像优化。如果你对background-size属性不太了解,建议你先了解一下...
分类:
Web程序 时间:
2015-06-08 11:21:11
阅读次数:
318
在head标签中添加一行代码:<meta?name=”renderer”?content=”webkit|ie-comp|ie-stand”?/>?? content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。...
分类:
其他好文 时间:
2015-06-02 18:20:16
阅读次数:
152
一、背景图片的拉伸:backgroud-size说明: http://www.w3school.com.cn/cssref/pr_background-size.asp效果: http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&p=7...
分类:
Web程序 时间:
2015-05-31 12:19:27
阅读次数:
118