图像始终固定在网页中，随滚动条移动-网页编程网

当前位置：主页 >> DIV+CSS >> 正文

图像始终固定在网页中，随滚动条移动

阅读：4923 输入：2017-05-13 07:35:30

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<style type="text/css">
.logo {
 width: 540px;
 height: 258px;
 position:fixed;
 background: url(https://www.baidu.com/img/bdlogo.png) no-repeat;
 margin:auto;
 left:0;
 right:0;
 top:0;
 bottom:0;
}
</style>
</head>
<body>
<div class="logo"> </div>
111 
111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 111 
</body>
</html>

相关阅读: 根据屏幕宽度自动选择css，多个css文件自动选择加载; 使用code-prettify美化代码并显示行号的方法; 用css控制禁止选择文本(兼容IE,firefox)的方法