电脑ps 背景平铺壁纸右键设置为居中或平铺后仍然为拉伸的效果！之前所有图片一直是可以平铺和居中的！

来源：蜘蛛抓取(WebSpider) 时间：2012-04-05 13:21 标签： ps 背景平铺
实现网页背景图片拉伸的两种方法
作者：佚名
字体：[ ] 来源：互联网 时间：06-05 16:27:15
使用background-size:cover实现图片的拉伸效果，使用jQuery动态设置背景图片的尺寸，这两种方法均可实现
解决方法有两种： 一种是CSS，使用background-size:cover实现图片的拉伸效果，但是IE8及以下版本不支持background-size，于是可以使用微软的滤镜效果，但是IE6不支持。 代码如下: body{background:url(bg.jpg)background-size:height:900width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');} 另一种是使用jQuery，在body中动态插入一个div，然后在div里包含一张图片，浏览器窗口改变大小时，动态设置背景图片的尺寸。 复制代码 代码如下: $(function(){ $("body").append("&div id='main_bg' style="position:"/&"); $("#main_bg").append("&img src='bg.jpg' id='bigpic'&"); cover(); $(window).resize(function(){ //浏览器窗口变化 cover(); }); }); function cover(){ var win_width = $(window).width(); var win_height = $(window).height(); $("#bigpic").attr({width:win_width,height:win_height}); }
大家感兴趣的内容
12345678910
最近更新的内容请问电脑在设置壁纸时 填充 适应 拉伸 平铺 居中 跨区 各是什么意思？越详细明了越好，谢谢。, 请问电脑在设置壁纸时 填充 适
请问电脑在设置壁纸时 填充 适应 拉伸 平铺 居中 跨区 各是什么意思？越详细明了越好，谢谢。
邪帝_李__少 请问电脑在设置壁纸时 填充 适应 拉伸 平铺 居中 跨区 各是什么意思？越详细明了越好，谢谢。
而是根据屏幕显示分辨率拉伸，因为一张图片可能不能占满整个桌面：图片不按比例缩放。 图标小的话挨个排列，就用几张图片铺满桌面。就是把图片放大 ，可能变形，你在桌面属性里选一个图片做背景。拉伸：就是把图片铺满桌面 。缩放到整个桌面、居中，然后把平铺。如果图片小的话不能全屏，直到排满整个屏幕桌面背景，让一张图片就占满桌面、拉伸都试一下就明白了。平铺，只在中央显示。居中：把图片放在桌面中间1714人阅读
&div style=&width: 10%;height: 40background-image: url('../images/titleProject.png');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');-moz-background-size:100% 100%;background-size:100% 100%;text-align:vertical-align:margin-left:-40px&&&span style=&padding-right:20%;color: white&&选填项&/span&&/div&
使用的背景图片：
实现方法主要是：
1，filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
-moz-background-size:100% 100%;background-size:100% 100%;
该方法目前以兼容80%的浏览器，可以放心使用！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：37524次
积分：1090
积分：1090
排名：千里之外
原创：62篇
转载：23篇
评论：17条
(4)(1)(8)(1)(4)(11)(6)(33)(18)
关注我的公众号

我要回帖

更多关于 ps 背景平铺 的文章

 

随机推荐