Блог

Главная - Вопросы по программированию - Создать ссылку на изображение CSS?

Создать ссылку на изображение CSS?

#css #image

#css #изображение

Вопрос:

Вот мой код,

   #esc1{ 
  position: absolute; 
  top:0px; 
  right: 0; 
  width: 30px; 
  height: 30px;
  opacity: 0.5;
  padding: 30px;

Мой вопрос в том, можете ли вы включить в это ссылку? Это для изображения.

Комментарии:

1. Вы имеете в виду щелкнуть и перейти к ссылке? Или использовать изображение в качестве фона?

2. Ссылки определяются в HTML, а не в CSS. Просто используйте <a id="esc1" href="#">...</a>

3. Помогите? @Reeno Я знаю html, но ваш код меня смущает..

4. @DoveMan и почему ты как бы проклинаешь людей и говоришь это? Потому что люди, которые пришли сюда, не поняли Неясного вопроса.

Ответ №1:

Вы можете использовать background: url(path/to/yourimg.png); изображение в качестве фона.

Если вы хотите создать ссылку на фактическое изображение, вы можете использовать тег привязки HTML, чтобы обернуть свой тег img следующим образом

 <a href="path/to/img">
    <img id="esc1" src="path/to/img" />
</a>

Но в любом случае это тривиально. Перейдите в w3schools, чтобы изучить HTML и CSS

Комментарии:

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

2. Я хочу, чтобы изображение (esc1) было ссылкой на веб-страницу HTML.

3. ну, это то, что @Reno имел в виду в своем комментарии к вашему вопросу

4. Я внес некоторые изменения в свой ответ. Я надеюсь, что вы найдете их интересными.

Ответ №2:

 <a href="https://www.google.com">
  <img src="https://placehold.it/100" />
</a>

Комментарии:

1. Это не то, что я хочу…. Я хочу, чтобы изображение (esc1) становилось ссылкой на всех страницах, на которых оно находится. Я хочу создать ссылку на HTML-страницу.

2. @DoveMan Просто измените ссылку href . Оно должно быть заключено в <a> тег гиперссылки, само изображение не может быть гиперссылкой.

Ответ №3:

Вы пишете (в комментарии к ответу @r1verside):

Я хочу, чтобы изображение (esc1) становилось ссылкой на всех страницах, на которых оно находится

Это невозможно. Чтобы иметь ссылку, вам нужен <a> тег с href атрибутом и некоторым содержимым (текстом или изображением) между <a> и </a> . Это нужно делать отдельно на каждой странице. Вы не можете определить ссылку с помощью CSS.

Метки: