编写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菜单控件生成的,我无权设置特定的样式
最佳答案
我认为在这种情况下不需要javascript,因为您可以向元素添加类或id并设置样式或使用:
img[height="0"] {
display: none;
}