设置固定背景

mac2024-05-21  36

在一般情况下,背景图像能够跟着网页内容上下滑动例如百度的网页,这是可以使用background-attachment 属性定义背景图像在窗口内固定显示。 具体的用法:

background-attachment:fixed /local/scroll

默认值为scroll,具体取值说明如下: 1.fixed :背景图像相当于浏览器的窗口固定。

2.scroll:背景图像相当于元素固定,就是说当元素的内容滚动时,图像不会跟着滚动,因为背景图像总要跟着元素本身。

3.local:背景图像相当于元素的内容固定,就是当元素内容滚动时,图像也会跟着滚动,不管元素本身是否滚动,当元素显示滚动条时才会滚动。

例如:为标签设置背景图片,且不平铺 固定,通过拖拉浏览器滚动条看到网页内容滚动,而且背景图片是静止的:

<style type="text/css"> body { background-image:url(image/bg.jpg); //设置背景图片 background-repeat:no-repeat; //背景图片不平铺 background-position:left center; //背景图片的位置 background-attachment:fixed; //背景图片固定,不随滚动条而滚动 height:1200px; //高度,出现浏览器的滚动条 } #box {float:right;width:} </style> <div id="box"> <h1>文章标题</h1> <h1>作者</h1> <pre> .............. .............. .............. </pre> <>

那么运行以后请看下面: 日常小普及:

HTML draggable 属性

1.示例:可拖动的段落

这是一段可移动的段落。

2.定义和用法 draggable 属性规定元素是否可移动。

提示:连接和图像默认是可拖动的 提示:draggable属性经常用于拖放操作

3.语法

<element draggable="true /false/auto">

4.属性值 |

值描述true规定元素是可拖动的false规定元素是不可移动的––auto使用浏览器的默认特性
最新回复(0)