1 body{ 2 height:100%; 3 overflow:hidden; 4 } 5 .bg { 6 background-image: url(../../img/beijing.jpg); 7 width:100%; 8 height:100%; 9 background-size:1... ...
分类:
Web程序 时间:
2017-07-03 16:33:29
阅读次数:
188
body{ height:100%; overflow:hidden;} .bg { background-image: url(../../img/beijing.jpg); width:100%; height:100%; background-size:100% 100%; position: ...
分类:
Web程序 时间:
2017-07-03 13:55:59
阅读次数:
253
这个非常关键,不知道网上为什么完全搜不到,就好像没有这个知识点,搜到的都是些瞎扯淡的东西。 我一开始不知道很烦恼,原来要设置html和body的宽高都为100%,dom元素们才有一个基准,要不然怎么设置background-size都是白瞎,是否repeat根据自己需要,如果你的背景图片足够大,这世 ...
分类:
Web程序 时间:
2017-07-01 16:19:55
阅读次数:
199
新增属性: background-clip:指定背景的显示范围 background-origin:指定绘制背景图像时的起点 background-size:指定背景中图像的尺寸 background-break:指定内联元素的背景图像进行平铺时的循环方式 background-clip属性 在HT ...
分类:
Web程序 时间:
2017-06-30 15:43:00
阅读次数:
214
恢复内容开始 览器兼容性问题是前端的一个重要部分。 在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器。双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式。兼容模式时使用IE内核,极速模式采用webkit内核。而目前大部分网站为了性能和用户体验,默认使用 ...
分类:
其他好文 时间:
2017-06-29 19:28:24
阅读次数:
215
IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。在浏览网页时候会出现网页显示问题,于是可以在html中加入以下代码来使IE使用固定的渲染模式:<metahttp-equiv="X-UA-Compatible"content="IE=8"><!--以IE8模式渲染--><metahttp-equiv="X-UA-Co..
分类:
其他好文 时间:
2017-06-29 17:50:03
阅读次数:
186
(1)background属性总结 background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性:background-color规定要使用的背景颜色。background-position规定背景图像的位置。background-size规定背景图片的尺寸。background ...
分类:
其他好文 时间:
2017-06-28 23:02:20
阅读次数:
122
background: url(imgurl) no-repeat; background-size: 100% 100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgurl', sizingMethod='s ...
分类:
其他好文 时间:
2017-06-27 10:55:38
阅读次数:
124
1.<span></span>标签里加上style="display:block"即例子:<span class="list" style="display:block">验证码</span>,才能通过CSS样式表中的.list指示来改变“验证码”的样式 2.通过background-size: 来 ...
分类:
其他好文 时间:
2017-06-25 15:33:28
阅读次数:
129
3.背景图片: background-image:url(4.jpg); background-position:1200px 50px;(代表左右,上下) background-size:cover(图片被压缩等比例显示) background-size:contain(图片被水平垂直压缩全显示) ...
分类:
Web程序 时间:
2017-06-25 12:40:53
阅读次数:
131