Неявные правила продвижения типов

У меня возникла проблема, когда мне пришлось заменить текст ссылки, но не мог использовать javascript, и я не мог напрямую изменить текст гиперссылки, поскольку она была скомпилирована из XML. Кроме того, я не мог использовать псевдоэлементы, или они, похоже, не работали, когда я их пробовал.

В принципе, я помещал текст, который я хотел в промежуток, и помещал привязывающий тег под ним завернутый в div. Я в основном переместил якорный тег через css, а затем сделал шрифт прозрачным. Теперь, когда вы нависаете над промежутком, он «действует» как ссылка. Это очень хакерский способ сделать это, но так вы можете иметь ссылку с другим текстом ...

Это сценарий того, как я обошел эту проблему

Мой HTML

This is your link text
This is your actual link

Мой CSS

 div.field a {
     color:transparent;
     position:absolute;
     top:1%;
 }
 div.field span {
     display:inline-block;
 }

CSS необходимо будет изменить в соответствии с вашими требованиями, но это общий способ делать то, что вы спрашивают.

Изменить: может ли кто-нибудь сказать мне, почему это было приостановлено? Мое решение работает ...

30
задан Lundin 6 September 2017 в 12:43
поделиться