CSS+DIV中的利用A:hover出现浮动层span 浏览器兼容问题
目的:鼠标经过图片,左边浮动一个层作为信息提示实现方法:HTML::<divstyle="background:url(images/图片.gif)no-repea...
目的:鼠标经过图片,左边浮动一个层作为信息提示 实现方法: HTML:: <div style="background:url(images/图片.gif) no-repeat; width:46px;height:32px;"><a href="#" class="tip" > <span class="popbox">图片说明</span></a></div> CSS:: a.tip{ color:red; text-decoration:none; position:relative;} a.tip span {display:none;} a.tip:hover {cursor:hand;} .tip:hover .popbox { display:block; position:absolute; top:-20px; left:40px; width:326px; height:94px; background:url(../xnd_img/底部衬托图片.png) no-repeat; z-index:99999;//位置调到顶了吧 } 这时候,在FF中就成这样了,有一半是被<div>容器的外框挡住的,浮不到最顶;而在遨游,IE6却OK。 但是,如果将品牌图片不作为DIV背景出现(<div style="bg-img"></div>),而是<div><.img></div>,则效果实现在FF可以,而其他都是被<div>容器的外框挡住的。 我该怎么办?求求高手指点
展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询