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

Question

[Enniack]

Сабж.

Answer 1

[Андрей М]

<u>Почем</u>у <u>именно наши то</u>р<u>ты?</u>

Comments

[Капитан Какао]

Нормально придумал)

[Андрей М]

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

Answer 2

[Stalker_RED]

Как убрать underline на в выносных элементах шрифта при помощи css или javascript?
Как переписать код на less?

Comments

[Андрей Б.]

Stalker_RED Вас не смущает что под текстом не однородный фон? =) В данном случае только картинкой

[Stalker_RED]

Андрей Б.: Не смущает. Можно весь макет заскриншотить и картинкой вставить, что теперь css не нужен? Завтра заксазчик скажет "хочу чтоб на фоне анимированные облака или клубы пара", и придется видеоролик вставлять?

[Андрей Б.]

Stalker_RED Дело не в нужности CSS, а в решении. Приведите пример с вашей реализацией на text-shadow под неоднородный фон.

[Stalker_RED]

Андрей Б.: Да, я поспешил. Эти методы сработают только при однородном фоне.

[Stalker_RED]

Stalker_RED: Но на однородном норм jsfiddle.net/Ry6cp/53

Answer 3

[Vlad Feninets]

сделай всей строке стиль с подчеркиванием, а отдельные буквы выделяй span'ом, у которого будет стиль БЕЗ подчеркивания.

что-то вроде

<p id="underline-string">Почем<span>у</span> именно наши то<span>р</span>ты?</p>

#underline-string{
   border-bottom: 1px solid #fff;
}
#underline-string > span{
   border-bottom: none !important;
}

Answer 4

[Денис Инешин]

Картинкой.