提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > 怎样设置背景图片不跟着文本内容的转动而转动【css教程】,background-attachement

我们能够经由过程background-attachement属性中的fixed值来牢固图象,使它不跟着文本内容的转动而转动

background-attachement属性主如果定义背景图象是不是随内容转动或者是坚持牢固

它的属性值为

fixed:示意背景图象在浏览器窗口中坚持牢固,并且在转动元素或页面时不挪动。

scroll:示意当文档转动时,背景图象与对象一同转动

鄙人面的案例中运用background-attachment属性中的“fixed”,使背景不会随文本转动而转动

	body{
		background-image: url("images/7.jpg");
		background-attachment:fixed;
		background-repeat: no-repeat;
		}

效果图:

将fixed换成scroll,背景图将会跟着文本的转动而转动

body{
		background-image: url("images/7.jpg");
		background-attachment:scroll;
		background-repeat: no-repeat;
		}

效果图:

总结:所以我们能够将background-attachement属性设置为fixed来让图片牢固不动。

以上就是怎样设置背景图片不跟着文本内容的转动而转动的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"怎样设置背景图片不跟着文本内容的转动而转动【css教程】,background-attachement"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线