编写Javascript代码来解决浏览器兼容性问题是否可以,还是我永远不需要这样做,而应该仅使用CSS来解决所有问题?



我的问题:

我在ASP.Net应用程序中有一个菜单,此菜单呈现一个隐藏的图像控件,假定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;
}

10-06 04:26
查看更多