html页面中将背景图片随滚动条滚动更改为不随滚动条滚动 – 解决方案

html代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body background="images/bg.jpg"  bgproperties="fix">
	<center>
		<p>面朝大海,春暖花开</p>
		<p>海子</p>
		<p>从明天起,做一个幸福的人</p>
		<p>喂马,劈柴,周游世界</p>
		<p>从明天起,关心粮食和蔬菜</p>
		<p>我有一所房子,面朝大海,出暖花开</p>
		<p>从明天起,和每一个亲人通信</p>
		<p>告诉他们我的幸福</p>
		<p>那幸福的闪电告诉我的</p>
		<p>我将告诉每个人</p>
		<p>给每一条河和每一坐山取一个温暖的名字</p>
		<p>陌生人,我也为你祝福</p>
		<p>愿你有一个灿烂的前程</p>
		<p>愿你有情人终成眷属</p>
		<p>愿你在尘世获得幸福</p>
		<p>我也愿面朝大海,春暖花开</p>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
	</center>
</body>
</html>

运行后浏览器页面效果图(网页快照)如下:

运行后浏览器页面效果图
运行后浏览器页面效果图

发现该页面的背景图片是随浏览器滚动条滚动的,由题意需要将其更改为不随滚动条滚动。

由源代码易知bgproperties属性是控制背景图片随页面滚动与否的,当前属性的值为“fix”,正确应当为“fixed”,更改即可。

© 版权声明
THE END
喜欢就点赞支持一下吧,如果觉得不错或日后有所需要,可以收藏文章和关注作者哦。
点赞3打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容