Можно ли писать код 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 необходим в этом случае, так как вы можете добавить класс или идентификатор к элементу и установить стиль или использовать:

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

Answer 2

Вы используете JavaScript для изменения свойства стиля CSS.

Почему бы просто не использовать это так: style="border-width:0px; display:none;"?

[Изменить]

Если у вас действительно нет доступа к тому, как генерируется код, вы можете попробовать добавить стиль для конкретного элемента img в меню div: .parentClass img { display:none; }.

Немного странно, если нет возможности определить классы CSS для любого из этих элементов.