来源:https://www.imooc.com/code/691 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: 1 ...
分类:
Web程序 时间:
2019-01-30 01:31:17
阅读次数:
222
#quiz_start_panel { background-image: url(/dom/assets/exercise_start.png); width: 40vw; height: 21vw; background-size: 40vw 21vw; position: absolute; ...
分类:
其他好文 时间:
2019-01-28 10:53:50
阅读次数:
143
1.情景展示 如何禁止输入框,输入中文字符? 2.解决方案 IE浏览器,可以使用ime-mode来实现 UpdateTime--2016年12月15日19:52:16 /*屏蔽输入法,可以用来禁止录入中文*/ ime-mode:disabled; //IE兼容,chrome不兼容 <input ty ...
分类:
Web程序 时间:
2019-01-24 15:06:19
阅读次数:
404
以前只是会用background-size没有仔细研究 最近的大屏页面宽度超出了一般的显示器的分辨率。达到了6140px 这时使用background-size:cover。或者background-size:100% 100%;背景图都不会撑满页面,只是显示的跟窗口一样大或者高度、宽度等于浏览器的 ...
分类:
其他好文 时间:
2019-01-22 17:24:14
阅读次数:
162
代码: 背景色background:green; 背景图background-image:url(../../1111.png); 图片大小background-size:20%50%; 使图在任何大小的屏幕都不会显示重复(图像不平铺)background-repeat:no-repeat;<spanstyle="background:green;background-image:u
分类:
Web程序 时间:
2019-01-22 11:47:16
阅读次数:
174
.bgLeft { position: absolute; left: -95px; background: url("../images/logo_1.png") left top; background-repeat: no-repeat; width: 328px; height: 146px ...
分类:
其他好文 时间:
2019-01-14 14:35:48
阅读次数:
214
/** * 获取元素的CSS样式属性值 */function css(element, attrName) { /*if (window.getComputedStyle) return window.getComputedStyle(element)[attrName] return elemen ...
分类:
Web程序 时间:
2019-01-08 20:58:56
阅读次数:
398
1.怪异盒模型:在老版本IE下不设置文档声明,页面就会进入怪异盒模型解析,所以要设置文档声明; 2.IE6下,子元素的宽高超出父级的宽高 :可以把父级设 置好的宽度撑开 3.在IE6下,块属性元素的高度小于19px:高度会按照19px显示处理(解决办法:overflow: hidden; 把显示于高 ...
分类:
其他好文 时间:
2019-01-02 19:06:03
阅读次数:
194
1、背景属性复习: background-image background-color background-repeat background-position background-attachment 2、新增属性: background-size: background-size:x y; ...
分类:
其他好文 时间:
2018-12-28 19:19:09
阅读次数:
211
标准浏览器通过background-size属性设置;IE8以下通过滤镜实现。 代码如下: 上述代码中: ...
分类:
其他好文 时间:
2018-12-24 23:32:35
阅读次数:
159