2015-01-14 4 views
0

Существует проблема, которую я не могу решить. Я пытаюсь сделать кнопку из текста, изменяя ее при наведении. Я использую css для изменения цвета шрифта или цвета фона при наведении. С этим нет никаких проблем.Работа с ссылками в html и css

Но когда я даю им ссылку <a href="www.twitter.com"> У меня проблема, потому что на данный момент мой css не работает из-за зависания ссылок и посещений html.

Большая проблема посетило .. Я не хочу, чтобы посещаемый цвет работал. Если посещаемый цвет работает, мои ссылки не выглядят хорошо.

Если вы можете помочь мне о ссылках в текстах (что делает парение) без проблем активного раздела ...

Благодарности

+0

Добавьте HTML и CSS, пожалуйста, если вы чувствуете, как быть хорошим, даже положить его в http://jsfiddle.net –

+0

Чтобы избавиться от ': visited' стилей, где бы вы стиль вашего' Ā' элемент , добавьте селектор ': visited':' a, a: visited {styles} ' – Luke

+0

Хотя я думаю, что Doctus находится на правильном пути, можете ли вы показать нам свой HTML-код, где находятся ваши ссылки, и относительный CSS-код? – Lee

ответ

0

Давая ссылку («а») в CSS СВОЙСТВА текст-отделку: никто; элемент больше не будет использовать подчеркивание и посещенный цвет.

a{ 
    text-decoration:none; 
    color:white; 
} 
a:hover{ 
    color:red; 
} 
div{ 
    background-color:#000; 
} 

http://jsfiddle.net/7rrruajb/1/

Надежда это то, что ищете.

+0

Спасибо Gijs, это решило мою проблему .. когда я использую вместо ссылки: , он работал, посетил часть, не работает сейчас. Большое спасибо .. – Vedat

+0

Я мог бы сделать это http://jsfiddle.net/7rrruajb/1/ – Vedat

+0

@Vedat Обязательно отметьте это как ответ, если он решил проблема. – Slime

0

Просто используйте a вместо a:link - a относится к непосещенному и посетил ссылку, a:link только непосещенных из них.

Сравним два:

a:link

a:link { 
 
    color:red; 
 
} 
 

 
a:hover { 
 
    color:white; 
 
}
<div style="background-color:#666"> 
 
    <a href="http://www.twitter.com" target="_blank">hello</a> 
 
</div>

a

a { 
 
    color:red; 
 
} 
 

 
a:hover { 
 
    color:white; 
 
}
<div style="background-color:#666"> 
 
    <a href="http://www.twitter.com" target="_blank">hello</a> 
 
</div>

+0

Спасибо, а не: ссылка решила мою проблему .. – Vedat

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