Dreamweaver8 怎么样把背景图片拉伸全屏??

лл

解决方法有两种:

一种是CSS,使用background-size:cover实现图片的拉伸效果,但是IE8及以下版本不支持background-size,于是可以使用微软的滤镜效果,但是IE6不支持。

代码如下:

body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');}

另一种是使用jQuery,在body中动态插入一个div,然后在div里包含一张图片,浏览器窗口改变大小时,动态设置背景图片的尺寸。
代码如下:

$(function(){
$("body").append("<div id='main_bg' style="position:absolute;"/>");
$("#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});
}
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-05-03
貌似css 不支持拉伸,只有重复,x轴方向重复,y轴方向重复,不重复。楼上方法使用了IE的滤镜,你可以参考 http://www.zoomac.net/?p=86 ,文中也有提到如何兼容ff等非IE浏览器的方法,以及使用滤镜后区域内连接失效的问题。不过一般我们的做法是做一个足够大的背景图,如果背景图不复杂,使用gif格式或者png格式文件也很小,载入速度也是很快的。如果你是做条状可重复的小图,然后设置对应的重复,因为图小就更快啦。本回答被网友采纳
第2个回答  2013-05-03
你直接把背景的填充程度设置成100%就行 在代码里直接改就行了

Dreamweaver8 怎么样把背景图片拉伸全屏??
解决方法有两种:一种是CSS,使用background-size:cover实现图片的拉伸效果,但是IE8及以下版本不支持background-size,于是可以使用微软的滤镜效果,但是IE6不支持。代码如下:body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%;filter:progid:DXImageTransform.Mic...

用Dreamweaver8设计网页,怎样使背景图片铺满全屏?
在body里面设背景,body{ background:url(图片地址) 0 0 repeat;} 但是图片会向X,Y两边拉伸,如果图片尺寸较小会很补美观;推荐方案:1.背景图片的尺寸做的尽量大一点 2.背景图片的外面可以做成渐变到某个色系,然后body设置背景色 body{ background:#000 url(图片地址) 0 0 repeat;} ...

怎么在Dreamweaver 8中把小图片拉伸至全屏啊?
你可以先在背景图上写字,然后在设置成背景。加字的话直接用Fireworks,这个你应该知道。如果要使图片跟着窗口变化而变化,试一下用CSS可以不?新建Css:选择器类型选择标签body.进去后选择背景,然后图片,下面选择不重复

在Dreamweaver中怎么改变背景图片的大小
在Dreamweaver中改变背景图片的大小的方法:打开DW点击已经设置好的图片,输入“backg-s”,输入需要的数值输入500px,即为图片X轴拉伸至500像素,输入500px 500px,即为图片X轴Y轴均拉伸至500像素,可以直接输入图片的缩放百分比,50%即为图片缩放一半。百分比数值过大,图片会依照背景裁减掉一部分。DW是...

Dreamweaver中怎么把一张图片的长度拉伸到整个屏幕
你想说的是背景图片吗?很简单 单击空白处右键 下方页面属性 有背景图片选择就可以了。或许你说的是图片大尺寸问题,想实现这个效果比较麻烦,最简单的就是做背景图片,因为不同的显示器有不同的分辨率,比例不是很好调整的,就做BJ就可以了。

用Dreamweaver做网页,背景图片不够大,但是要在页面上显示桌面拉伸的效果...
网页背景图无法用html或css代码拉伸。img方式插入的图片可以拉伸。办法:把你的背景图用photoshop打开,把尺寸调整到足够大,比如:1024分辨率下宽是1004像素,现在的电脑分辨率你得拉得更大。(这个办法整有缺点:一是图片会模糊,二是原图宽高比例变了图很怪)...

dreamweaver怎么更改背景图片全屏
将背景图片放在body里,定义body背景图片代码如下: body{ background: url(1.jpg) no-repeat;background-size: 100% auto;}\/*这里是关键*\/ 上面的100%即全屏显示背景图;auto是背景图片高度自适应,保证了背景图等比例缩放不变型。注意:背景图片最好设的大一些,保证不同屏幕分辨率都能显示清晰...

dreamweaver网页制作怎么把背景图片平铺填满屏幕,而不是重复。_百度知...
不重复的背景图片一般无法自动拉伸,你可以把背景图片做大一些,宽度做成1400px,高度900px试试

dreamweaver怎么让背景图片全屏?
你把background-repeat: no-repeat这个换成换成X或者Y坐标一下, no-repeat是不能平铺的

在Dreamweaver中怎么把插入工作区中的背景图片设为全屏?
看你图片的大小,弄进去后拖动就可以了,还可以在PHOTOSHOP中修改你的图片就可以了

相似回答