ntjm.net
当前位置:首页 >> CSS伪类样式 A:hovEr中的背景图片BACkgrounD%imAgE问题 >>

CSS伪类样式 A:hovEr中的背景图片BACkgrounD%imAgE问题

可以在hover伪类中用background或者background-image实现.例如:页面上有一个原本背景图为img1.png,当鼠标滑过则换为img2.png.在css中这样定义.div_style:hover{ background: url("img2.png"); //这是改变背景色 background-repeat:

似乎在ie6下用hover的话你再加个样式:li#m5{background:none;}加上尝试下吧

css设置两个状态就行了/*默认连接样式*/a{width:60px;height:25px;margin:0;padding:0;color:#ffffff;text-decoration:none;display:block;background:#ffffff url(../images/blue.png) no-repeat 0px 0px;}/*鼠标悬浮样式*/a:hover{width:60px;height:25px;

你的html代码里没用a标签 请问 你怎么能达到li:hover的效果而且ie6不支持li:hover的写法应该换成li a:hover或者是网上寻求li:hover 在ie6下的bug解决方法

a:hover{ display: block; color:#000000; background:url(image/ico.jpg); } 用display: block;把a定义为块级元素就可以了

<html> <head> <style type="text/css"> ul{list-style:none; height:100px; background:red;} li{float:left; width:80px; height:30px; line-height:30px; text-align:center;} ul li a{display:inline-block; width:80px; height:30px; } ul li a:hover{background:yellow;}</

例如:标签 a{ color:#000; display:block; width:100px; height:100px; background:url('a.jpg') no-repeat 0 0; } a:hover{ color:#red; background-image:#ulr('b.jpg'); } 为了兼容低版本的ie6,并且不想用js,那么你只能通过a:hover来实现.因为ie6只支持a的hover伪类.

我不知道你讲的是不是.IE6下a:hover 背景图片替换?a{background:url(../images/testing.gif) no-repeat 0 0;}a:hover{background:url(../images/testing-hover.gif) no-repeat 0 0;} IE6下除a标签外不支持其它标签的:hover属性一般都是通过JS来实现

不能的,你要想用图片工具把 jiu/99.jpg 修改成自己想要的大小 图片只有在body下才可以修改

很简单的,如果只是水平居中的话,就在伪类里添加background-position: center top;如果要水平垂直居中,就添加background-position: center center; 当然,前题是你的背景图尺寸要合理哈

相关文档
9213.net | snrg.net | prpk.net | qwrx.net | 4405.net | 网站首页 | 网站地图
All rights reserved Powered by www.ntjm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com