firefox里面嵌套div A标签失效

最新推荐文章于 2021-06-18 20:46:17 发布
最新推荐文章于 2021-06-18 20:46:17 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： 浏览器兼容问题 WEB 文章标签： firefox div float border javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingshuaizh/article/details/4026223
版权

在firefox里面嵌套div 如果里层的div高度 大于外层的，会导致 里层的div里面的A标签 鼠标不能点击，也就是鼠标放在上面，不会出现连接标志，代码如下；

 

 

 

 

如果把外层的高度改为大于 等于内层 则恢复正常

将 #bodycenter 的 min-height:300;height:300;改为300 则恢复正常

这个问题只在firefox里面出现 在IE里面正常

蓝海D鱼
关注
专栏目录
【CSS】 IE6 ，7下a链接失效的问题及解决方案
专注、专心
01-02 8110
问题描述： web应用中，经常需要在图片上添加相应的链接，而且相对于传统的文字链接的方式，不仅美观，而且有更大的可点击区域。例如，京东网图书页面的一个简单布局： 这种情况是几乎没有任何问题的，但是，如果在img标签之外，a标签之内再添加一层元素（如div或者p标签），在IE6，7下虽然能够正常显示链接，但是却无法点击。即使你给a标签的样式加上 cursor:pointer;设置
DIV多层嵌套margin-top的BUG问题
09-25
当一个`<div>`元素作为另一个`<div>`的子元素，并且它们之间没有其他元素分隔时，Firefox会将内层`<div>`的`margin-top`值应用于其父元素。这种行为在Internet Explorer 6和7中并不发生，而在IE8以及更现代的浏览器...
a标签失效
qq_43619628的博客
03-18 311
有可能是你的模板导致的，把a标签拿到div外面试一试
html div显示多层,多层DIV嵌套时 父级DIV样式无效的问题
weixin_35078004的博客
06-18 1119
在IE8和FF下，DIV1的边框变成了一条直线，并没有随着内部两个DIV的内容而撑大，原来是因为如果父级DIV没有定义高度，并且内容为空时所定义样式将无效我们做DIV+CSS布局时常常如下的做多层DIV的嵌套，可是我们却发现不管是在IE8 还是FF下都层在毛病。在IE8和FF下，DIV1的边框变成了一条直线，并没有随着内部两个DIV的内容而撑大，原来是因为如果父级DIV没有定义高度，并且内容为空时...
两个嵌套的Div,内部Div的margin-top失效
雾里看花叹朦胧
12-26 4920
对内部的div设置margin-top时，内部对于外部的div并没有产生一个margin值，而是外部的div相对于上面的div产生了一个margin值。实例如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body {
div嵌套引起的margin-top不起作用
qq_37477349的博客
08-26 726
通常大家在制作网页的过程中会遇到很多棘手的问题，比如我在写一个页面的时候，遇到了div嵌套引起的margin-top不起作用，对内部的div设置margin-top时，内部对于外部的div并没有产生一个margin值，而是外部的div相对于上面的div产生了一个margin值，为什么会出现这种情况？？？ 　　这是因为嵌套div中margin-top出现转移，在部分浏览器中，两个嵌套的div，如果外层父元素div的padding值为0，那么内层div的margin-top，margin-bottom值都会转
div嵌套div引起的margin-top不起作用
qq_42058441的博客
10-19 735
通常大家在制作网页的过程中会遇到很多棘手的问题，比如我在写一个页面的时候，遇到了div嵌套引起的margin-top不起作用，对内部的div设置margin-top时，内部对于外部的div并没有产生一个margin值，而是外部的div相对于上面的div产生了一个margin值，为什么会出现这种情况？？？ 　　这是因为嵌套div中margin-top出现转移，在部分浏览器中，两个嵌套的div，如果...
div嵌套margin-top失效的解决方法
weixin_30826761的博客
07-02 100
近日学习过程中，出现一个问题：内外多层div嵌套时，margin-top不起作用，margin-left起作用，查询百度，有结果： 当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。 经过测试，得如下解决方法，详请见代码中的注释： <!DOCTYPE html PUBLIC "-//W3C//DTD X...
html中的div、td 、p 等容器内强制换行和不换行的实现
12-13
在跨浏览器兼容性方面，需要注意`word-break`属性在某些浏览器（如Opera和Firefox）中可能不受支持，这时可以使用`white-space:normal`来替代，以确保在多种浏览器下的正常换行。然而，单纯使用空格来代替单词间的...
css设置z-index 失效的解决方法
09-25
在给定的示例中，代码已在Firefox 3.5.5和IE 5.5到8.0 RC1之间进行了测试。 总之，正确使用`z-index`需要确保元素具有非静态的定位属性，并理解堆叠上下文和嵌套堆叠上下文的概念。通过调整`z-index`和`position`...
div怎样在object上面显示不被object动画给遮挡
09-28
`transparent`模式在IE8中可以正常工作，使得`div`能显示在Flash之上，但这个模式在Firefox和Chrome等其他现代浏览器中可能无效。在这些浏览器中，`wmode`可能需要设置为`opaque`或`window`，但这会导致Flash失去...
兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行.
01-11
1. **Firefox** 和 **IE** 对于 `div` 和 `td` 元素的行为较为一致： ```css div, td { white-space: nowrap; } ``` 此设置对于未指定宽度的`td`同样有效。 2. **IE** 中对于指定了宽度的`td`，如果文本中...
firefox中a链接跳转失效问题
个人前端记录
09-08 4867
最近同事遇到了一个问题，商城网站翻页的跳转时，在firefox下点击翻页 标签跳转失效。测试在chrome，360 , QQ浏览器跳转正常。 解决途径：1、在firefox中，ctrl+shift+a,打开浏览器组件界面第一个组件，标签页优化，禁用。重启浏览器。再次浏览网站分页，ok。2、升级你的firefox，升级最新版本后发现跳转正常.后续解决方案，持续发现中。
解决div+css在IE6-IE9及Firefox的兼容问题
"这篇文档是关于使用div+css实现对Internet Explorer 6、7、8、9以及Firefox的兼容性优化方法的总结，基于作者十年的行业经验。文档提供了两种具体的示例，帮助开发者解决不同浏览器间的样式差异问题。" 在网页开发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值