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>容器的外框挡住的。 我该怎么办?求求高手指点 展开
 我来答
二迈祟d5
2015-03-29 · 超过56用户采纳过TA的回答
知道答主
回答量:110
采纳率:0%
帮助的人:103万
展开全部
这是因你的CSS的写法不规范的原因。 遨游使用的是IE6的内核,所以IE正常遨游也肯定正常。如果我猜不错在IE7,IE8里也会变形。 CSS专业讨论群 84802120 注明来源。。。。授渔不授鱼
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式