Oczekiwane jest przekreślenie tekstu z użyciem koloru innego niż sam tekst. Tekst wprowadzany jest za pomocą edytora WYSYWIG i nie ma możliwości ingerencji bezpośrednio w kod HTML.
Tekst z zastosowaniem dodatkowych tagów dodatkowe tagi są złe ale czasem wymagane. Rozwiązanie powinno nie wymagać JS ani żadnego innego mechanizmu zmiany tekstu pomiędzy etapem wprowadzenia a wyświetlenia. Klient może nie znać HTML/CSS i nie możemy tego od niego oczekiwać.
Zwykłe przekreślenie - test - przekreślenie kolorem tekst nie przekreślony
Niestety, zastosowana technika nie sprawdza się pod IE6, które nie obsługuje wartości overflow: visible w CSS - w efekcie musimy stosować np. mechanizm expression.
tekst do przekreślenia niestety, nie ma możliwości złamania przekreślonego tekstu i przejścia w nim do nowej linijki - efekt display: inline-block tekst do przekreślenia niestety, nie ma możliwości złamania przekreślonego tekstu i przejścia w nim do nowej linijki - efekt display: inline-block
Dodatkowo, przekreślenie renderowane jest POD tekstem, co może być mało widoczne w niektórych przypadkach,
W tym akapicie zademonstrujemy jeszcze jedno rozwiązanie - zdaje się działać najlepiej ze wszystkich wskazanych - nie wymaga dodatkowych tagów, oraz pozwala na pisanie tekstu w wielu linijkach.