Как сделать прозрачную ссылку на фоне jpg в HTML или CSS?

Question

Я пробовал все виды методов, перечисленных в W3schools, по всему Google и S.O. и где-нибудь еще, ничего не работает с этим фоном jpg. Есть часть графика, на которой я хочу проложить прозрачную ссылку, чтобы она стала интерактивной. Все, что я пробую, делает слова внизу jpg, а не над ним. Я использовал слова в прозрачной ссылке, чтобы я мог видеть, где она была. Пожалуйста, помогите, я потратил слишком много времени на эту часть проекта, пытаясь понять это. Мне нужно это в HTML или CSS, поскольку они все, что я знаю, поэтому я могу настроить его, если нужно.

Спасибо, Бен.

Answer 1

Почему бы вам просто не обернуть изображение в элементе <a href="">. Вам не понадобится ничего прозрачного.

Answer 2

Если я правильно понял, у вас есть .jpg файл, который задан как фон. Часть фона вы хотите быть ссылкой на отдельную страницу. И поскольку .jpg задан как фон, и поскольку вы хотите, чтобы часть его была ссылкой, добавление тега «a» не является решением, которое вы ищете?

Если это правильно, я бы предложил создать пустой тег div и с полями использования CSS, чтобы установить его на часть фонового изображения, которое вы хотите быть ссылкой. Вам также, вероятно, потребуется указать ему определенную ширину и высоту, чтобы покрыть область.

Если у вас его нет в качестве фактического фона, но он вставлен с нормальным тегом img, вы можете использовать карту изображения и указать координаты на .jpg для ссылки. w3schools имеет хороший раздел: Image Map