перечеркнуть див

вижу два варианта:
а) создать новую картинку как результат наложения "водяного знака" и вывести её
б) исходную картинку выводить как фон дива, а в диве поместить <img> c прозрачным рисунком

 

Есть. 2 img один поверх другого. Ну или HTML5 Canvas-сом рисуй на JS все, что душе угодно

 

А нельзя в див засунуть див и его границу нижнюю как линию как раз использовать? Абсолют там, все дела.

 

самое простое решение ты уже нашел — ничего не делать )

 

Это смотря как надо перечеркнуть. А если по-диагонали, как у автора? Крутить префиксные CSS-свойства?

Добавлено спустя 6 минут 7 секунд:
Вообще, любые водяные знаки наносятся на картинку через JS буквально за пару строчек. Сурьезно. Сложить две картинки - как нехрен делать.

1) Создаем реальный битмап, обернутый в <img>.
2) Создаем два виртуальных битмапа в одном картинка, в другом водяной знак/перечеркивание/картинка с сурикатом на прозрачном фоне.
3) Выводим на реальный битмап последовательно виртуальные битмапы из пункта 2.

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

А есть еще более простой способ - генерить нужную картинку, внезапно, сразу на сервере. Тогда вообще не нужны никакие костыли на клиентской стороне.

 

если это водяные знаки, то надо накладывать только на сервере и всё. иначе смысла нет =)

просто до сих пор задача автора покрыта тайной...

 

Див с нижним бордером?

 

что за задача-то была хоть?

 

Но ты же ее не перечеркнул по факту...

 

Diagonal Line-Through with CSS3

Добавлено спустя 4 минуты 44 секунды:
но реально ни CSS, ни JS не способны сделать картинку непригодной. цель ведь такая? нужен полноценный watermark на серверной стороне.
https://gist.github.com/artoodetoo/2183f14d8176774188a4#file-thumb-php-L17

 

это не задача, а одно из решений задачи, которую ты так и не сказал.

 

Или поверх картинки накладывать полупрозрачный белый див. Или делать картинку ЧБ (css позволяет) или что угодно, окромя перечеркивания?

 

можно просто ей опасити 0.5 поставить и дело с концом. А на ховер полную видимость.

 

Кстати, да!
А если идея фикс таки перечеркивание, то пусть див, содержащий картинку, имеет бэкграундом рисунок креста ))) Вместе они будут выглядеть как бледная зачеркнутая картинка. Это, блин, вариант (б) только изображения поменялись местами. )))

 

Это вин