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

Question

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

---

我的问题:

我在 ASP.Net 应用程序中有一个菜单，假设 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 菜单控件生成的，我无法访问它来设置具体风格

Answer 1

我认为在这种情况下不需要 javascript，因为您可以向元素添加类或 ID 并设置样式或使用:

img[height="0"] {
    display: none;
}