Как сделать, чтобы при наведении мыши ссылка и сама картинка появлялись, только если наведено конкретно на текст, а не на границы блока слева, справа и т.д.
Вот код: http://jsfiddle.net/y07ykgzr/
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак сделать, чтобы при наведении мыши ссылка и сама картинка появлялись, только если наведено конкретно на текст, а не на границы блока слева, справа и т.д.
Вот код: http://jsfiddle.net/y07ykgzr/
Так?
HTML
<div class="layout">
<div class="col1">
<a href="#"><br>← WORK</a>
</div>
CSS
.col1 {
text-align:left;
left: 0; /* Положение левого края */
right: 50%; /* Положение правого края */
margin-top:13%;
font-family: AGHelveticaCyr, 'AGHelveticaCyr';
font-size: 1.5vw;
color:#0066cc;
padding-left:15%;
}
.col1 a:hover{
display: block;
background:url(http://www.newportlibraryri.org/npl/wp-content/uploads/2013/06/Grass-Border1-200x100.gif) no-repeat;
height:5.5vw;
}