用Dreamweaver做出的页面为什么在浏览器里无法显示背景图片?

用Dreamweaver做出的页面为什么在浏览器里无法显示背景图片?,第1张

基本原因是设置错误或者背景图片不存在,可按以下步骤重新设置:

1、启动Dreamweaver,按ctrl+n新建html文档;

2、设计视图点击底部body标签,然后点击属性面板页面属性按钮;

3、左侧分类点击外观,右侧点击背景图片后浏览按钮;

4、打开浏览器对话框找到并选项要作为背景的图片,点击确定;

5、返回页面属性对话框,点击确定;

6、按ctlr+s保存该网页,按F12调试即可。

这有两种情况。一是您只设置了样式编辑中的页头背景,没有更新页面背景,这样店招后面的背景可以正常显示,但页面背景没有上传,当然无法正常显示;二是您的第一栏自定义模块中有全屏海报代码,或是全屏轮播代码,这段代码的宽度是1440px到1920px,您截图中的全屏海报或轮播应当是代码方式实现的。如果您想让修改好的页面背景显示出来,那您需要删除这一自定义模块,采用950px宽度的其他代码。

1、先做一个简单的HTML页面,页面里只有一个div和一段文字。

2、要添加整个页面的背景图片,我们就只能把背景加到body标签里了,所以我们在body里添加一个样式,叫‘bg’

3、然后定义这个bg的样式规则,主要就是添加background-image样式,就是添加背景图。

background-repeat是让背景图铺满整个页面。

4、看下页面的效果,可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果,大家可以更换一张更好看的背景图。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11702894.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存