是否可以编写Javascript代码来解决浏览器兼容性问题?
Is it OK to write Javascript code to solve a browsers compatibility issue?
是否可以编写Javascript代码来解决浏览器兼容性问题,或者我应该永远不需要它,一切都应该使用CSS来解决?
My problem:
我在ASP中有一个菜单。假设height=0
和width=0
不呈现任何内容,该菜单呈现隐藏图像控件。这在IE中是正确的,但它在Chrome中保持一个空白区域,看起来很难看。
<img alt="Skip Navigation Links" src="/WebResource.axd?d=6z..."
width="0" height="0" style="border-width:0px;" />
我写了以下代码来解决这个问题:
<script type="text/javascript">
$('img[height="0"]').css('display', 'none');
</script>
我所做的是正确的吗?是解决这些问题的唯一方法吗?
注意:我的示例中的代码是为ASP生成的。Net菜单控件,我无法访问它来设置特定的样式
我不认为javascript在这种情况下是必要的,你可以添加一个类或id的元素,并设置一个样式或使用:
img[height="0"] {
display: none;
}
你正在使用javascript更改CSS样式属性。
为什么不这样简单地使用:style="border-width:0px; display:none;"
?
[编辑]
如果您确实无法访问如何生成代码,您可以尝试在菜单div
: .parentClass img { display:none; }
中为特定的img
元素添加样式。
相关文章:
- 在IE8和其他带有javascript的浏览器中获取正文类的标准解决方案是什么
- 是否有用于CSS浏览器支持新功能的javascript解决方案
- 是否有跨浏览器的解决方案可以在客户端上创建目录
- 安卓浏览器触端事件错误解决方法
- 关闭浏览器时使用 ajax 执行查询的解决方案
- 在不刷新的情况下更改页面 URL - 是否有跨浏览器解决方案
- 寻找跨浏览器解决方案来突出显示选项卡
- 用于禁用/启用滚动的跨浏览器解决方案
- 用于替换 event.layerX 和 event.layerY 使用的跨浏览器解决方案
- 加载多个图像时用于回调的跨浏览器解决方案
- HTML选择元素-自定义默认值?(跨浏览器解决方案)
- 表单外提交按钮的跨浏览器解决方案
- 使用SVG文件的跨浏览器解决方案
- 在页面上打印元素内容的跨浏览器解决方案是什么?
- 防止元素焦点丢失(需要跨浏览器解决方案)
- 用Java Script动态更改段落中的日期(需要跨浏览器解决方案)
- Javascript:用于选择焦点文本框内所有文本的跨浏览器解决方案
- CSS:悬停以强制元素偏移所需的跨浏览器解决方案
- jQuery + Ajax浏览器解决方案非常大的文件
- 无法找到从iFrame打印的跨浏览器解决方案