css中背景图片的显示位置
2016-10-29 16:37
260 查看
拿一个btn举例子
<button type="button" class="btn" onmouseover="this.style.backgroundPosition='left -36px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit"></button>
.btn
{
width:138px;
height:36px;
background:url("image/button/bg19.jpg") no-repeat left top;
}
图片会根据一个鼠标移入移出事件会发生改变，其实只是图片显示的位置不同
<button type="button" class="btn" onmouseover="this.style.backgroundPosition='left -36px'" onmouseout="this.style.backgroundPosition='left top'" value="Sbumit"></button>
.btn
{
width:138px;
height:36px;
background:url("image/button/bg19.jpg") no-repeat left top;
}
图片会根据一个鼠标移入移出事件会发生改变，其实只是图片显示的位置不同
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS设置了正确的背景图片位置，网页上却显示不出来?
- gmail 邮件中css无效style无效background image背景图片无效不显示的解决办法
- css ul li 图标 图片位置定位 背景定位
- （转）background-position—CSS设置背景图片的位置
- css背景图片位置：background的position
- css中设定的背景图片无法显示的解决方法 .
- HTML+CSS实现合并图片的切割显示以及背景渲染
- css中设定的背景图片无法显示的解决方法
- div+css使用backgroundRepeat样式设置背景图片的显示方式
- CSS网页制作技巧:背景图片定位 显示切图的一部分作为背景显示
- css中设定的背景图片无法显示的解决方法
- background-position—CSS设置背景图片的位置
- css中设定的背景图片无法显示的解决方法
- 背景图片在html中能显示在css中不能显示
- 【转】CSS中background:url(imagepth) 不能显示背景图片
- CSS控制表格背景图片不重复显示&Discuz板块背景
- [转]通过css控制背景图片位置-back…
- CSS中背景图片位置属性background-position
- 通过css将多个图标或图片用同一张图片通过定位背景位置调用到页面
- HTML+CSS实现背景图片全屏显示