是否可以编写Javascript代码来解决浏览器兼容性问题?

Is it OK to write Javascript code to solve a browsers compatibility issue?

本文关键字:浏览器 解决 兼容性 问题 代码 Javascript 是否      更新时间:2023-09-26

是否可以编写Javascript代码来解决浏览器兼容性问题,或者我应该永远不需要它,一切都应该使用CSS来解决?


My problem:

我在ASP中有一个菜单。假设height=0width=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元素添加样式。

如果不能为这些元素定义css类,那就有点奇怪了。