首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

style.display在Firefox,Opera,Safari中不起作用 - IE7 OK

在这个问题中,您提到了style.display在Firefox、Opera、Safari中不起作用,但在IE7中是正常的。这可能是由于浏览器之间的兼容性问题导致的。以下是一些建议来解决这个问题:

  1. 使用CSS样式表来控制元素的显示和隐藏,而不是JavaScript。这样可以避免浏览器之间的兼容性问题。例如,您可以使用以下CSS代码来隐藏一个元素:
代码语言:css
复制
.hide {
  display: none;
}

然后,在需要隐藏的元素上添加hide类:

代码语言:html
复制
<div class="hide">这个元素将被隐藏</div>
  1. 如果您必须使用JavaScript来控制元素的显示和隐藏,请确保您使用了正确的属性名称和值。例如,您可以使用以下代码来隐藏一个元素:
代码语言:javascript
复制
element.style.display = 'none';
  1. 如果您仍然遇到问题,请尝试使用jQuery库来简化代码并提高兼容性。例如,您可以使用以下代码来隐藏一个元素:
代码语言:javascript
复制
$(element).hide();
  1. 如果您仍然遇到问题,请检查您的HTML和CSS代码是否符合W3C标准。这可以确保您的代码在不同的浏览器中正常工作。

总之,为了解决style.display在Firefox、Opera、Safari中不起作用的问题,您可以尝试使用CSS样式表、正确的JavaScript属性名称和值、jQuery库或W3C标准。这将有助于确保您的代码在不同的浏览器中正常工作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

兼容性测试工具分享

IETester可以独立的标签页开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...注意事项: 1)Windows 8 desktop, Windows 7, Windows Vista 或Windows XP 至少安装IE7(Windows XP/IE6 的配置会有很多问题,并且XP...3)有一些已知的错误或者限制现在还没解决,比如前进/后退可能不起作用,焦点可能不起作用,“alert”或者“confirm”方法可能不起作用,CSS或者FLASH可能不起作用(有时候用管理员房方式运行可解决...SuperPreview可以让你设计制作好的网页IE不同版本以及Chrome、FireFoxSafari浏览器呈现效果,而且还提供像firebug或者是微软的开发者工具一样的功能,对于调试页面将会非常有力...使用地址:http://browsershots.org/ Browser Sandbox 工具介绍:这是一个在线运行浏览器的网站,支持Chrome, Firefox, IE, and Opera所有已发布的或者是公测的版本

3.7K80
  • CSS兼容性的一些Hack方法

    important;color:green; 棕色 N N Y N Y N Y N Y Y 说明:标准模式 “-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效.../Chrome的hack,注意顺序 IE6显示为:绿色, IE7显示为:黑色, IE8显示为:红色, IE9显示为:蓝色, Firefox/Chrome显示为:橘色, (本例IE10效果同IE9,Opera...Opera显示为:黑色, Safari/Chrome显示为:灰色, */ .hacktest{ background-color:blue; /* 都识别,此处针对firefox...ie6~ie10和Opera/Firefox/Chrome的hack,本例特别要注意顺序 IE6显示为:橘色, IE7显示为:粉色, IE8显示为:黄色, IE9显示为:紫色, IE10显示为:绿色,...Firefox显示为:蓝色, Opera显示为:黑色, Safari/Chrome显示为:灰色, ?

    1.1K30

    前端必看!各大浏览器 CSS Hack 收集

    由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,微软IE6、IE7、IE8浏览器有效果,但可能在火狐(Mozilla Firefox)谷歌浏览器无效,这样就叫做JS hack...2、CSS hack解决问题 CSS hack用来解决有些css属性不同浏览器显示的效果不一样的问题,如margin属性ie6显示的距离会比其他浏览器显示的距离宽2倍,也就是说margin-left...:20px;ie6距左侧对象的实际显示距离是40px,而在非ie6显示的距左侧对象的距离是设置的值20px;所以要想设置一个对象距离左侧对象的距离在所有浏览器中都显示是20px的宽度的样式应为:....3、浏览器识别字符标准对应表 从上图可以分析出以下几种情况: 1.大部分特殊字符IE浏览器支持,其他主流浏览器firefox,chrome,operasafari不支持 (opera可识别除外)。...GoogleChrome、Safari等)。

    1.6K130

    javascript如何监听页面刷新和页面关闭事件

    我们的日常生活,时常遇到这么一种情况,当我们点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。...(因为,unbeforeunload()是页面刷新之前触发的事件,而onubload()是页面关闭之后才会触发的)。 unbeforeunload()事件可以禁止onunload()事件的触发。...浏览器的兼容 onunload: IE6,IE7,IE8 刷新页面、关闭浏览器之后、页面跳转之后都会执行; IE9 刷新页面 会执行,页面跳转、关闭浏览器不能执行; firefox(包括firefox3.6...) 关闭标签之后、页面跳转之后、刷新页面之后能执行,但关闭浏览器不能执行; Safari 刷新页面、页面跳转之后会执行,但关闭浏览器不能执行; Opera、Chrome 任何情况都不执行。...onbeforeunload: IE、Chrome、Safari 完美支持 Firefox 不支持文字提醒信息 Opera 不支持 IE6,IE7会出现bug ? 示例代码: ? ? ? ? ?

    12.2K30
    领券