//背景图移动，营造船在前进的视觉效果 背景设置repeat-y； .page3_bg{ position:relative;width:100%;height:100%; background:url(../image/page3_bg.png) repeat-y; background-size ...
分类：
移动开发 时间：
2017-06-12 11:56:53
阅读次数：
236
.page3_ship{ background:url(../image/boat_02.png) 0 center no-repeat; background-size: 486px 385px; position:absolute;bottom:0;left:50%;margin-left:-1 ...
分类：
其他好文 时间：
2017-06-12 11:50:29
阅读次数：
151
> .time-bgimg01 { background-image: url('../../images/personal/carlist/timeIcon.png'); background-size: auto 18px; background-repeat: no-repeat; backg ...
分类：
其他好文 时间：
2017-06-07 17:02:34
阅读次数：
193
最近在做一个项目，要求实现背景自适应，何为背景自适应呢？ 1.如果背景图高度不够，背景height是100%，background-size就应该是 100% auto 2.如果背景图宽度不够，背景width是100%，background-size就应该是 auto 100% 具体是什么意思呢？还 ...
分类：
Web程序 时间：
2017-06-07 12:52:03
阅读次数：
200
想做一个个人展示类的网站首页，用整张图片来当背景，浏览器窗口放大缩小时背景图片不会变形，需要用到分层来实现其他功能，就用DIV来实现了 重点在于background-size这一块，开始是用background-size:100% auto;这样解决了宽度问题，高度不OK，发现background- ...
分类：
Web程序 时间：
2017-06-02 14:50:55
阅读次数：
314
今天帮别人调代码时，看到一个样式： background-position: 50% 0;background-size: 100% auto； 对background-size:100% auto，意思是背景图片宽度为元素宽度*100%，高度等比缩放。详情可见css3 background。 对b ...
分类：
其他好文 时间：
2017-05-26 23:31:33
阅读次数：
376
box-shadow:0 5px 5px rgba(0,0,0,0.5) 文本 text-shadow：5px 5px 4px green; word-wrap: 背景： background:#ffffff url() 0 0 no-repeat; background-size:大小 backg ...
分类：
Web程序 时间：
2017-05-24 18:26:36
阅读次数：
168
添加背景图片： 添加样式代码如下： <style type="text/css"> body { background: url("image/bg.jpg") top center no-repeat; background-size: cover; } </style> 最终效果如下图所示： ...
分类：
其他好文 时间：
2017-05-19 19:27:53
阅读次数：
148
你有没有遇到过一种情况，你特别喜欢一张图片，可是可惜的是这张图片就小了那么一丁点。但有小片留白啊，那就不好看了啊。你有没有过呢，我不知道，但我真的就碰到了。我特喜欢那张图，就想让它做背景，可就小了点。于是我就想办法了。 background-size：cover； background-size：c ...
分类：
其他好文 时间：
2017-05-17 22:10:09
阅读次数：
259
1.问题：一张背景图，适应大小不一的设备，而且不出现滚动条，图片不会变形。 解决方法：body{background-size:cover}就可以搞定。 2.问题：背景图显示在页面上非常大，或非常小，显得页面很不好看。 解决方法：元素{background-size：80%(自己可以调，超过100% ...
分类：
其他好文 时间：
2017-05-04 12:01:05
阅读次数：
203
