1. 用Dreamweaver8设计网页,怎样使背景图片铺满全屏
在body里面设背景,
body{ background:url(图片地址) 0 0 repeat;}
但是图片会向X,Y两边拉伸,如果图片尺寸较小会很补美观;
推荐方案:1.背景图片的尺寸做的尽量大一点
2.背景图片的外面可以做成渐变到某个色系,然后body设置背景色
body{ background:#000 url(图片地址) 0 0 repeat;}
2. 使用dreamweaver做网页时背景图片太小,如何显示在整个页面
这个大致可以分为两种情况
第一,如果你的图片是有规律的背景图片,如渐变或者图案,你可以做背景图片平铺至整个页面;如
body{background:url(../images/icon.gif) 0 0 repeat;} /* X轴 Y轴都平铺 */
body{background:url(../images/icon.gif) 0 0 repeat-x;} /* X轴平铺 */
body{background:url(../images/icon.gif) 0 0 repeat-y;} /* Y轴平铺 */
第二,如果是一整张图片,类似于照片的这种,你可以采用js将其铺满整个页面;如
http://sc.chinaz.com/jiaobendemo.aspx?downloadid=8201530418207
这个就是背景平铺固定代码,可做参考!
3. Dreamweaver如何将背景图片,不重复并填满全屏
background-repeat:round,设置背景图片的样式
4. DW中怎样让图片填满整个规定区域,不留缝隙
这个一般是让图片的大小和你的区域的大小一样。
如果是不固定的区域的话,那多半是让图片平铺了,也就是在CSS面板里,找到“背景”,在里面找到background-repeat,然后选repeat那个项就行了。这个功能要求你的图片在重复时边缘能够重合,看起来就像是一张图片平铺整个区域一样。
也可能有其它的情况,但多数是这两个情况了。
大概就是这样了。
5. 用DW做网页怎么让网页的背景图片进行拉伸使其达到全屏
背景图片是没有办法自动拉伸的,而且拉伸后的图片会变型。想整屏都是这个背景的话,只能自己把图片处理成大尺寸的……样式这样写background:url(top-bg.jpg) center no-repeat;居中,不重复。
6. 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});
}
7. 网页设计中DW内如何使图片全屏显示,不是指当背景
如果是单张图片,直接可以设置宽度100%,即:屏幕有多宽,图片就会有多宽;如果要做成轮播的话,就需要用的焦点图的js代码了,
8. DW中如何放大图片
同一张图片弄成大小两张,在标签检查器--行为--交换图片(大图)--恢复交换图片(小图),保存即可.
答案补充
也是要用层,点击小图后,大图所在的曾就显示出来
9. dw cs5 把背景图像撑满整个浏览器 都有哪几种方法 我直接用页面属性添加背景图像时好像是图太小 不能占满
屏幕大小不同,图片占满浏览器所需的大小也不同
方法无非就是要么把图片做的狗大,不够大就平铺或者重复
如果还没占满,是因为默认情况下距离边缘有10px距离,所以要在代码里加句body{margin:0;padding:0;},不会代码的话,DW界面下也可以实现