#html #google-chrome #mozilla #shape #area
#HTML #google-chrome #mozilla #форма #область
Вопрос:
Я использую следующий код для отображения трех простых изображений с опрокидыванием поверх одного основного фонового изображения. Код отлично работает с Chrome, но, к сожалению, не с Mozilla! Я надеюсь, у кого-нибудь может быть идея улучшить мои строки! Большое вам спасибо!
<img src="business.png" alt="Kart" usemap="#Kart" border="1" style="border-color:#FFFFFF" height="306" width="800">
<map name="Kart">
<a class="info1" href="index4.htm"> <area shape="rect" coords="278,152,289,164"> <span><img src="1.png" width="265" height="116" border="0" style="border-color:#FFFFFF"></span></a>
<a class="info2" href="index4.htm"> <area shape="rect" coords="292,175,303,187"> <span><img src="2.png" width="265" height="93" border="0" style="border-color:#FFFFFF"></span></a>
<a class="info3" href="index4.htm"> <area shape="rect" coords="289,198,300,210"> <span><img src="3.png" width="265" height="75" border="0" style="border-color:#FFFFFF"></span></a>
</map>
Комментарии:
1. Скрипка была бы отличной. И атрибут (не по теме)
borderустарел, вместо этого используйте CSS.2. Я загрузил простую тестовую версию прямо здесь: mariaschaepers.bugs3.com Что ж, при наведении стрелок должно отображаться простое графическое наложение … и, как вы можете видеть, это прекрасно работает с Chrome — но, к несчастью, есть и другие браузеры! 😉