Firefox处理style.display问题

最新推荐文章于 2024-04-16 17:16:54 发布
最新推荐文章于 2024-04-16 17:16:54 发布
阅读量122 收藏
点赞数
本文探讨了在Internet Explorer和Firefox等不同浏览器中使用block|none及空值和none来控制元素的显示状态（是否预留空间）的方法。幸运的是，在IE中这些方法都能正常工作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在IE中使用block|none来控制显示还是不显示（不预留空间）但是在firefox中block工作方式和IE不同，

采用空值""和none可以解决这个问题，幸运的是空值和none在IE中可以正常工作。

iteye_4476
关注
【echarts】关于body.style.zoom修改后鼠标悬停错位问题
请问这块砖要搬到哪
08-03 2112
关于body.style.zoom修改后鼠标悬停错位问题
IE/火狐/Chrome操作display:none对象所遇问题解答
09-25
通过对比IE的开发者工具、Firefox的Firebug工具和Chrome的开发者工具的显示结果，我们可以更好地理解各自工具展示DOM的方式和差异。 3. **JavaScript对隐藏元素的访问**：使用JavaScript访问隐藏元素时，需要注意...
firefox的style显示问题
kevin_gzhz
04-11 189
IE： 显示：style.display = "block"; 不显示：style.display = "none"; firefox的style显示： 显示：style.display = ""; 不显示：style.display = "none";
IE、火狐、Chrome操作display:none对象闷人问题
On the way
03-28 2013
下面，先来段简单的测试代码 不要被闷了 document.getElementById("hh1").value="11111"; document.getElementById("hh2").value="11111"; document.getElementById("hh3").value="11111"; document.getE
谷歌浏览器、火狐浏览器中table标签显示时display兼容性问题（已解决）
yinshengchen的博客
06-02 1645
项目中经常用table显示信息，然后有时需要联动，控制一些<tr></tr>行不显示： 最直接的方法是将tr行设置成服务端控件，然后在后端直接通过“trTest.Visible = false;”设置，这样设置会有一定的局限性，最终生成的html中不会有相应的元素； 还可以通过直接在页面中相应tr标签的style样式中设置“display:none”实现； 如果后端需要有一定的逻辑判断，决定哪些行不显示，可以在后端通过“trTest.Style.Add("display",
js style.display=block显示布局错乱问题的解决方法
10-21
- **使用`display: table-row`**：在Firefox等支持CSS `display: table-row`属性的浏览器中，可以有效地解决上述问题，因为它能保持表格的原有布局。但是，Internet Explorer（尤其是较旧版本）并不支持这一属性。...
怎么让预览窗口的内容直接显示ID：ABC的内容，并适用IE和火狐：<div ID="ABC" onmousemove="showPreview(event, this)" onmouseout="hidePreview()"> <!-- 需要显示预览内容的DIV --> <p>预览内容</p> </div> <div id="preview" style="display:none; position:absolute;"> <!-- 预览浮窗 --> <p>预览内容</p> </div> <script> var previewElement = document.getElementById("preview"); function showPreview(event, element) { // 获取需要预览的内容 var previewContent = element.innerHTML; // 设置预览浮窗内容 previewElement.innerHTML = previewContent; // 设置预览浮窗位置 previewElement.style.left = event.clientX + "px"; previewElement.style.top = event.clientY + "px"; // 显示预览浮窗 previewElement.style.display = "block"; } function hidePreview() { // 隐藏预览浮窗 previewElement.style.display = "none"; } </script>
05-27
你可以在 showPreview 函数中添加对不同浏览器的兼容处理，例如： ``` function showPreview(event, ...这样，无论是在 IE 还是 Firefox 浏览器中，都可以正确地显示预览浮窗，并根据滚动条的位置设置预览浮窗的位置。
有关display:block、display:table在IE、火狐的兼容性问题
fygkchina的专栏
07-17 6889
最近在作项目的时候碰到一个问题，就是需要AJAX来交互显示两个table，按照常理，对于一个表格需要显示时，使用：display:block属性，不需要显示时使用display:none属性，而且这样做在IE浏览器中显示正常，没有任何问题。在火狐下就有问题了，表格始终只显示原来的60%左右的宽度。 　　然后通FireBug去看了下源码，调试下了，发现是display:block属性问题。
解决火狐中tr的display属性导致colspan属性失效问题
04-20 781
问题是这样的：一个表格中（N行2列）的某一行先初始化的时候，这行使用了display:none隐藏了，然后通过某个事件，把显示出来。 看起来是个很容易的js，先给tr设置一个ID，然后使用document.getElementById("ID").style.display="block";就可以了。可这句在IE中是正常的，一点问题都没有。可把这个放到FF中，效果就不一样了。见下面的代码：
IE支持：id.style.display,火狐不支持
kk5595的专栏
09-13 2731
                       function chang() {                            document.getElementById('lbld').style.display = "none";                                //    lbld.style.display = 'none';                                         }                     
Firefox和IE的CSS兼容性：关于display
grueclan的专栏
01-08 2290
 一般情况下，设置对象的display=none/block就可以控制该对象隐藏/显示，但是很多html元素在FireFox下用Block是达不到我们所要求的效果的。比如对于table元素，要控制td的隐藏与显示，在firefox下则需要使用display=none/table-cell来进行控制下面是苏沈小雨的文档里的帮助内容： 语法： display : block | none
如何在CentOS安装Firefox并结合内网穿透工具实现公网访问本地火狐浏览器
最新发布
走在努力路上的自己的博客
04-16 2456
使用上面的Cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到我们火狐浏览器界面,这样一个公网地址且可以远程访问就创建好了,使用了cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问!上面在本地成功部署了FireFox 火狐浏览器,并局域网访问成功,下面我们在Linux安装Cpolar内网穿透工具,通过cpolar 转发本地端口映射的http公网地址,我们可以很容易实现远程访问,而无需自己注册域名购买云服务器.下面是安装cpolar步骤。
火狐，IE display兼容性问题解决
java_mvp的专栏
03-18 1081
在脚本中更改某一个表格的tr元素的display属性,在IE下这么写:document.getElementById("test").style.display="block";是没有什么问题的,但是在火狐下就行不通了，在Firefox下就会出现排版错误,一整行的内容会缩到一个 内,因为Firefox不支持用这种方式该表表格下的tr的显示，正确做法在火狐下是：         docume
Div+Css布局遇到的常见问题
weixin_33951761的博客
12-06 468
IE的问题：一.双边距问题浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法：在此浮动元素增加样式display:inline;二.图片产生的间隙父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。解绝方法：1.在源代码中让</div>和<img>在同一行，因为那个间隙是由换行符产生的。2.给<img>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值