css背景不随鼠标滚动，css背景图像固定

html+css当鼠标放在业务简介上会出现背景图,怎么实现当点击“业务简...

1、用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div)，onmouseout的时候再隐藏播放按钮层。用css实现：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。

2、做好准备工作，把两张100px X 100px的图片合成 100 X 200 的。通过CSS图片定位来达到切换效果。

3、html中使用title属性就可实现显示文字的效果，这个属性还是比较实用的，你可以参考下 a href=# title=这里是显示的文字hello/a 当鼠标悬停在 hello上一会就会有文字 这里是显示的文字 显示。

4、很多种方法。用CSS可以实现，用JS也可以实现。主要看你是想实现个什么东西。如果是替换背景图片的话，用CSS的话，那就 修改：hover里的背景图片。so easy！简单的很。

相关问答

Q1: css如何滚动鼠标背景不变页面内容改变css如何滚动鼠标背景不变页面内...

1、设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

2、scroll：这是默认值，背景图像会随着页面的滚动而移动，即背景和内容是绑定的。fixed：背景图像相对于视口固定，所以随页面滚动背景不动，这意味着无论页面如何滚动，背景图像都会保持在相同的位置。

3、用hover，比如你要div某个div背景变色，用 类名：hover{background：#ff6a00；} 或者是 id：hover{background：#ff6a00；} 这样就行了，鼠标放开背景色就自动变化回去了。

Q2: CSS按钮背景鼠标放上去变换背景的代码怎么设置?

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0}button：hover {background-color： #ff7701}。

用hover，比如你要div某个div背景变色，用 类名：hover{background：#ff6a00；} 或者是 id：hover{background：#ff6a00；} 这样就行了，鼠标放开背景色就自动变化回去了。

三是： onmouseout=this.style.backgroundImage=url(jpg) 表示当鼠标移出时，背景图片设置为jpg，这也是在url()中指定具体的图片。这只是一种简单的写法，更多的应该多了解js和css。以上是鼠标变背景的写法。

这个用纯css是不可能实现的，因为css不存在父选择器，只能由上往下选择，不能上溯。

在index.html中的标签中，输入css代码：div{height： 80px； background： url(smallpng)}div：hover{background： url(smallpng)}。浏览器运行index.html页面，此时div显示的背景图片是smallpng。

Q3: “css中滑动背景如何让盒子不滑动”?

css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动，只能通过鼠标拉滚动条。 css只是层叠样式表，是控制页面的样式的，并不能对一些操作进行控制。

在css文件中添加样式代码：body{ background-image： url(背景图片的地址)；background-repeat： no-repeat；background-position：50% 50% ；background-size：50% 50%；} background-repeat： no-repeat；表示背景图片不平铺。

通过定位属性来实现盒子的固定。position： fixed；上述属性和值可以实现盒子的固定，参照物是window，不管页面怎么移动，盒子位置都不会改变。

这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

Q4: CSS中如何让鼠标经过时显示背景图片

在index.html中的标签中，输入css代码：li {height： 50px；background： url(smallpng)} li：hover {background： url(smallpng)} 浏览器运行index.html页面，此时显示出了背景图片。

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

通常可以使用css样式的 ：hover 选择器， 如示例div1。也可以使用js来控制css样式，用js可以灵活加入其它效果(延迟显示、随机背景图)， 如示例div2。

关于css背景不随鼠标滚动和css背景图像固定的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。