css background-attachment属性

原创 PHP笔记  2017-09-22 19:47  阅读 1,092 views 次

在css中,background-attachment属性是用来设置背景图像是否固定或滚动(随着页面的其余部分滚动);

Internet Explorer 8和更早版本的浏览器不支持多个背景图像在一个元素。

css background-attachment属性值

  • scroll:背景图片随页面的其余部分滚动(默认);
  • fixed:背景图像是固定的;
  • inherit:指定background-attachment的设置应该从父元素继承。

语法格式:

background-attachment:scroll / fixed / inherit;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css background-attachment属性笔记</title>
<style>
body
{
background-image:url('https://www.ggbiji.com/wp-content/themes/Nana3.18/images/logo.png');
background-repeat:no-repeat;/*定义背景图像仅显示一次*/
background-attachment:fixed;/*定义背景图像固定*/
}
</style>
<head/>
<body>
<p>background-attachment属性演示</p>
</body>
</html>

运行结果:

背景简写属性——>css background属性笔记

本文地址:https://www.ggbiji.com/css-background-attachment.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情