Как сделать пунктирное подчеркивание у ссылок?

Question

[.]

Привет. Подскажите, как в этом интернет-магазине http://гамма24.рф сделали пунктирное подчеркивание ссылок? Я и сам пытался разобраться, лазил в ксс, насколько я понял это задается следующим кодом

text-decoration: none;
	border-bottom: 1px dotted #181617;

http://гамма24.рф/catalog/view/theme/default/style...

Answer 1

[Lord_Dantes]

background: -webkit-linear-gradient(left, #e5413b, #e5413b 60%, transparent 60%);
background-size: 5px 1px;
background-repeat: repeat-x;
background-position: 0 100%;

Comments

[.]

slave а как мне на другом интернет-магазине сделать так же для всех ссылок? я в их ксс http://гамма24.рф/catalog/view/theme/default/style... нашел три упоминание того кода который вы написали

[Lord_Dantes]

JFC, ну берете и вставляете этот код на всех ссылок.

a:hover{
background: -webkit-linear-gradient(left, #e5413b, #e5413b 60%, transparent 60%);
background-size: 5px 1px;
background-repeat: repeat-x;
background-position: 0 100%;
}

[Ankhena]

slave, JFC, только без -webkit-, иначе у вас пунктир будет только в вебкитах.

[.]

Ankhena, что такое эти вебкиты?

[Ankhena]

JFC, браузеры на движке webkit

[.]

Ankhena, ну я погуглил, на движе вебкит хром сделан. но у меня и в опера и фаерфоксе тот сайт открывается с пунктирным подчеркиванием у ссылок

[Ankhena]

JFC, у оперы тот же движок, что и у хрома, а ФФ, как современные браузеры, пытается угадать, что хотел сказать нерадивый верстальщик.
Короче, градиенты работают без префиксов, если вам не нужны ископаемые браузеры.

[Lord_Dantes]

JFC, вам сказали убрать чтобы работало, просто уберите. Не знаете зачем загуглите