2013-10-10 4 views
0

Вот мой HTML кода: активная ссылка не работает

<table width="100%" border="0" cellspacing="0" cellpadding="2"> 
    <tr> 
    <td width="30"><a class="doll" href="<?php echo base_url();?>home/cr/USD"></a></td> 
    <td width="30"><a class="eu" href="<?php echo base_url();?>home/cr/EUR"></a></td> 
    <td width="30"><a class="pou" href="<?php echo base_url();?>home/cr/GBP"></a></td> 
    </tr> 
</table> 

и перечислил мой CSS

a.doll:link{background:url(../images_en/dollar.png) no-repeat; width:27px; height:27px; float:left;} 
a.doll:hover,a.doll:active {background:url(../images_en/dollar_active.png) no-repeat; width:27px; height:27px; float:left;} 
a.eu:link {background:url(../images_en/euro.png) no-repeat; width:28px; height:28px; float:left;} 
a.eu:hover,a.eu:active {background:url(../images_en/euro_active.png) no-repeat; width:28px; height:28px; float:left;} 
a.pou:link {background:url(../images_en/pound.png) no-repeat; width:28px; height:28px; float:left;} 
a.pou:hover,a.pound:active {background:url(../images_en/pound_active.png) no-repeat; width:28px; height:28px; float:left;} 

здесь я могу увидеть: парить работает, но не в случае, если для; активный

+0

': active' срабатывает * while * ссылка нажимается (или активируется иным образом), а не между щелчком и сменой страницы. Так как вы не можете щелкнуть по нему, не зависая, вы увидите только активное состояние, если вы переместите фокус на ссылку, а затем активируете ее с помощью клавиши ввода. – Quentin

+0

@MassivePenguin, вы понимаете, что [_ ": активный псевдокласс применяется, когда элемент активируется пользователем. Например, между моментами, когда пользователь нажимает кнопку мыши и освобождает его. «_] (Http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes) ... поэтому у него нет ничего, чтобы как быстро отвечает ваш сервер. – CBroe

+0

CBroe - мой плохой. Удалили комментарий, чтобы не путать вопрос дальше. – MassivePenguin

ответ

0

попробовать это:

a.doll:link{background:url(../images_en/dollar.png) no-repeat; width:27px; height:27px; float:left;} 
a.doll:hover{ 
} 
a.doll:active {background:url(../images_en/dollar_active.png) no-repeat; width:27px; height:27px; float:left;} 
a.eu:link {background:url(../images_en/euro.png) no-repeat; width:28px; height:28px; float:left;} 
a.eu:hover{ 
} 
a.eu:active {background:url(../images_en/euro_active.png) no-repeat; width:28px; height:28px; float:left;} 
a.pou:link {background:url(../images_en/pound.png) no-repeat; width:28px; height:28px; float:left;} 
a.pou:hover{ 
} 
a.pou:active {background:url(../images_en/pound_active.png) no-repeat; width:28px; height:28px; float:left;} 
1

T он псевдокласс :active запускается только при нажатии ссылки (удерживая клавишу мыши), проверьте это demo.

Если вы хотите выделить ссылку на активную в данный момент ссылку, вам необходимо создать дополнительный «активный» класс. Поскольку вы используете PHP, вы можете определить сторону сервера, какая страница является активной и эхо-класс в эту ссылку на страницу.

Удачи вам!

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