css中可以用position特性设定原素不跟随下拉列表翻转，词法“position:fixed”。position特性要求元素精准定位种类，当值为fixed时，原素以相对性浏览器窗口进行定位，不管怎样挪动滑动条，都是会固定于浏览器窗口的同一地方。
本实例教程作业环境：windows7系统软件、CSS3&&HTML5版、Dell G3计算机。
在CSS中，可以用固定定位（position:fixed;）来固定不动元素部位，让原素不跟随下拉列表翻转。
fixed 形成固定不动定位元素，原素脱离文档流，不占有文档流位置，可以理解为漂浮在文档流上方，相较于浏览器窗口进行定位。
固定定位元素以相对性浏览器窗口为依据开展定位，不管怎样挪动你滑动条，他们都会固定于相较于浏览器窗口的固定点，此外需要注意，它哥们原素将在部位排列上忽略它。这时候使用的top，bottom，left，right也相对于浏览器窗口来说的。
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
.logo {
width: 540px;
height: 258px;
position: fixed;
background: url(猫/images/1.jpg) no-repeat;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
</style>
</head>
<body>
<div class="logo"> </div>
英短蓝猫<br/> 英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫
<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>英短蓝猫<br/>
</body>
</html>设计效果图：
从上面的实例看得出：可以用position: fixed来固定不动图片位置不会改变，让图片位置可以不用伴随着汉字的拖拽而改变图片部位。
注：
在IE7之上版本号及firefox、opera、safari里，也支持css属性"position:fixed"，它的作用是将原素相较于对话框固定点。
但在IE6下，并不支持position:fixed特性，这时候我们应该对IE6开展hack解决。
强烈推荐学习培训：css视频教学
以上就是关于css如何做到原素不跟随下拉列表滚动的具体内容，大量欢迎关注AdminJS其他类似文章！