在一般情况下,背景图像能够跟着网页内容上下滑动例如百度的网页,这是可以使用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使用浏览器的默认特性