Добрый день гуру CSS.
нужна Ваша помощь. Купил шаблон в котором вокруг изображения создается рамка. Изображение добавляется через модуль HTML-код в разделе Пользовательский текст с определением его стиля.
<p class="border_img4"><a href="https://fast.ru" target="_self"><img src="images/modules/1.png" border="0" alt="Furniture" /></a></p>
Но изображение не кликабельно хотя на демо кликбельно. Ковыряние привело к тому что проблема со стилем (приведен ниже) т.к. при указании иного стиля изображение кликабельно.
Подскажите как подправить код чтобы и рамка осталась и изображение было кликабельным?
.border_img4 img {
position: relative;
display: inline-block;
}
.border_img4 {
position: relative;
display: inline-block;
max-width: 100%;
margin: 0;
background: #ffffff;
border: 1px solid rgba(0,0,0,0.2);
padding: 1px;
}
.border_img4:after {
-moz-box-shadow: inset 0 0 0 12px rgba(255,255,255,0.35);
-webkit-box-shadow: inset 0 0 0 12px rgba(255,255,255,0.35);
box-shadow: inset 0 0 0 12px rgba(255,255,255,0.35);
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
content: "";
}
