У меня есть баннер на веб-странице, а часть изображения - графическое изображение кнопки. Как сделать только ту часть, где кнопка является кликабельной ссылкой, такой как href? Вы можете увидеть образец изображения ниже.
В изображении баннера есть графическая кнопка "Join Now, Its Free". Я хочу добавить ссылку в этот квадрат, поэтому, когда пользователи нажимают на это поле на баннере, он откроет следующую страницу. Я хочу знать, как я могу добавить ссылку только на эту кнопку. Я не хочу добавлять к нему тег <button>
; Я просто хочу добавить ссылку, основанную на области графика "Join Now, Its Free". У кого-нибудь есть идеи о том, как я могу добавить ссылку на эту часть области изображения без использования тега <button>
.
<div class="flexslider">
<ul class="slides" runat="server" id="Ul">
<li class="flex-active-slide" style="background: url("images/slider-bg-1.jpg") no-repeat scroll 50% 0px transparent; width: 100%; float: left; margin-right: -100%; position: relative; display: list-item;">
<div class="container">
<div class="sixteen columns contain"></div>
<img runat="server" id="imgSlide1" style="top: 1px; right:
-19px; opacity: 1;" class="item"
src="images/slider1.png" data-topimage="7%">
<a href="#" style="display:block; background:#00F; width:356px; height:66px; position:absolute; left:1px; top:-19px; left: 162px; top: 279px;"></a>
</div>
</li>
</ul>
</div>
<ul class="flex-direction-nav">
<li><a class="flex-prev" href="#"><i class="icon-angle-left"></i></a></li>
<li><a class="flex-next" href="#"><i class="icon-angle-right"></i></a></li>
</ul>
</div>
Спасибо