2014-10-21 3 views
0

Ссылка ahref под тегом h2 появляется только при наведении курсора на это место, в противном случае оно исчезает. Как удалить исчезающее поведение? Я хочу сделать это нормально и появляться все время.Отключить ссылку на зависание

Вот Html

<div class="doctor_name"> 
    <h1> {{doctor.name}} </h1> 

    <h2 style="text-transform: uppercase;"> {{doctor.specialization.name}} </h2> 
<h2> <a href="/clinic/{{clinic.slug}}/">{{clinic.name}}</a></h2> 
    <h2 style="color: grey;"> {{doctor.clinic.address_normal}} </h2> 

Вот устанавливаемому сотового

.doctor_name > h2 { 
    margin-top: -1px; 
    font-size: 1.20em; 
    margin-bottom: 3px; 
    margin-left: 1px; 
} 

.doctor_name{ 
    width: 303px; 
    margin-left: 200px; 
    margin-top: -234px; 
    padding-bottom: 100px; 
} 

.doctor_name > h1{ 
    margin-top: 10px; 
    font-size: 2.2em; 
} 
+0

Как исчезает ссылка .... –

+0

Вы хотите, чтобы она была подчеркнута ВСЕ время? какой-то другой цвет или что-то еще? –

+0

Это своего рода невидимое и только шоу, когда я нахожу это место. Я предполагаю, что цвет текста белый на белом фоне, и он становится зеленым, когда я наводил указатель мыши на это место –

ответ

1

Задача: Ссылка белая на белом фоне.

Решение: Дайте ему раскраску и украшение css, чтобы выделиться в соответствующем положении. Очевидно, как только вы измените цвет, он будет виден независимо от того, но вы более чем можете изменить/добавить больше стилей!

h2 > a{ 
    color: green; 
    text-decoration: underline; 
} 
0

Попробуйте

h2 > a{ 
    color:red; 
    text-decoration:underline; 
} 

Если это не сработает, попробуйте этот

h2 > a{ 
    color:red!important; 
    text-decoration: underline!important; 
} 
+0

просто быстрый комментарий! Важно ... если первый не работает, не делайте важного ... когда-либо ... более конкретным для ассоциированного. Нет причин использовать важные, если не существует встроенного стиля, а затем у вас есть целый ряд проблем ... просто говоря ... –

+0

@ Cayce K '! Important' ** мы используем для переопределения существующего свойства css . ** поэтому в приведенном выше случае я не уверен, что и все css используются. также пожалуйста ** просветите меня ** какой набор проблем мы столкнемся, если мы будем использовать '! Important'thanks заранее. –

+0

Как очень строгая практика, я отказываюсь использовать! Важно. Независимо от того, что вы знаете или не знаете о CSS, вы всегда можете обойти использование! Важно, чтобы CSS не был установлен в строку. В этих случаях гораздо менее вероятно, что вы сможете избежать этого. ! important создает ряд проблем, когда вы чего-то ожидаете. Если мы используем ваши важные и хотим, чтобы позже делали 'h2> a.pink {color: pink; } 'мы будем ОЖИДАТЬ его розовым. На самом деле это имеет большую ценность, чем ранее объявленный, но теперь, когда важно, что это не удается, и мы должны добавить! Важно для нашего, чтобы продолжить. etcetc. –

Смежные вопросы