背景图片固定:background-attachment:fixed 将图片的尺寸从中心点开始改变:backgroun-position:center background-size: ** 旋转:div1.style.transform="rotate(180deg)" 窗口滚动条大概是17px ...
分类:
Web程序 时间:
2016-08-30 17:41:36
阅读次数:
155
背景图片的调节,可以直接用属性调整背景图片的大小:background-size:contain是宽高缩放,直到某一边到底为止 background-size:cover是缩放图片,有可能某一边会出盒子 设置背景图片的开始位置background-origin:border-box 从边框开始 ba ...
分类:
其他好文 时间:
2016-08-30 01:42:51
阅读次数:
131
面临找工作之际,又将CSS3的基础知识撸了一把,做了相应的笔记,主要是方便自己查阅,参考的是W3C的知识。 1、CSS背景 (1)、background-size 属性 background-size 属性规定背景图片的尺寸,同时适用与字体图标方面的适用(主要在移动端用到较多)。 在 CSS3 之前 ...
分类:
Web程序 时间:
2016-08-29 22:24:45
阅读次数:
228
1,首先想到的方法是做一张高2像素(1像素有颜色1像素没颜色)的图片做背景,bg-size设置宽100%,高1px .line li{ background: url('line.png') left top no-repeat; background-size: 100% 1px; backgro ...
分类:
其他好文 时间:
2016-08-23 21:48:52
阅读次数:
136
今天偶遇一个小问题。 添加logo图片时, 由于不需要重新定位图片位置,就准备偷懒在间歇属性中省略background-position的属性,然而很不幸的是,结果却是酱紫的(谷歌浏览器): 不能加载到图片,很郁闷的说。但是如果把属性拆开来写的话: 话说,又完全无碍了。 如果使用简写属性,就必须把n ...
分类:
其他好文 时间:
2016-08-23 07:56:52
阅读次数:
159
p{ color:#F00;font-size:36px;}#aa{ width:500px; height:400px; position:relative; background-image:url(images/1.jpg); background-size:contain; backgrou ...
分类:
其他好文 时间:
2016-08-17 08:56:01
阅读次数:
144
将容器的高度固定,宽度设置成百分百,然后将background-size设置成cover。当宽度不够时,背景图的两边会隐藏 如下:将class是con的容器高度固定。宽度自适应 ...
分类:
其他好文 时间:
2016-08-15 18:49:08
阅读次数:
217
background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: ...
分类:
Web程序 时间:
2016-08-15 14:13:58
阅读次数:
159
background: background-origin属性规定background-position属性相对于什么位置来定位,而background-clip 属性规定背景的绘制区域,这两个要注意区分。 background-size规定图像的大小,该属性可用来定义动画。 以上属性都可以用bac ...
分类:
Web程序 时间:
2016-08-14 15:59:42
阅读次数:
322
1.background-origin:设置背景图片的原始起始位置,前提是no-repeat。 2.background-clip:设置背景图片向外裁剪的区域。 3.background-size:背景的尺寸。 4.background:背景。 5.多重背景,用逗号隔开每组background的缩写 ...
分类:
Web程序 时间:
2016-08-12 21:22:40
阅读次数:
130