Как зачеркнуть текст косой чертой средствами css

P
На сайте с 06.01.2009
Offline
601
11985

Здравствуйте. Поскажите, если кто то знает.

Как её сделать наискосок

text-decoration:line-through;

?

Спасибо заранее.

sir Nicholas
На сайте с 18.04.2012
Offline
146
#1

Фоном картинки (png) как вариант.

P
На сайте с 06.01.2009
Offline
601
#2
sir Nicholas:
Фоном картинки (png) как вариант.

Спасибо, не очень хочется применять, дело в том, что в документе много цен которые нужно перечеркивать, а значит будет много подгрузок картинки.

iqmaker
На сайте с 17.04.2012
Offline
309
#3

Финт ушами :):

http://jsfiddle.net/aagkg03z/3/

sir Nicholas
На сайте с 18.04.2012
Offline
146
#4
postavkin:
Спасибо, не очень хочется применять, дело в том, что в документе много цен которые нужно перечеркивать, а значит будет много подгрузок картинки.

Подгрузка будет одна. :) Если Вы о производительности, то она точно не пострадает. В конце концов css спрайт можно организовать для подобных изображений, думаю найдете куда прикрутить Вашу полоску.

iqmaker
На сайте с 17.04.2012
Offline
309
#5
sir Nicholas:
Подгрузка будет одна.

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

---------- Добавлено 22.10.2014 в 23:58 ----------

off: у нас одна дата регистрации, братуха :))

sir Nicholas
На сайте с 18.04.2012
Offline
146
#6
iqmaker:
Чет мне кажется, что фон будет лежать за текстом, а это уже как бы не перечеркнуто, т.е. картинка должна быть поверх циферок, но тогда есть проблема с выделением

z-index

iqmaker:
off: у нас одна дата регистрации, братуха :))

:)

P
На сайте с 06.01.2009
Offline
601
#7

iqmaker, спасибо. Очень помогли.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий