2
Как установить атрибут src тега img через css?

5 ответов 5

6

никак :)

Однако есть альтернативные варианты: background любому элементу либо свойство content в css.

6

Через css никак. Разве что можете попробовать для img задавать в css background-image.

4

Да ладно никак :)

хоть и грязный трюк - но работает

3
  • не только грязно но также и некроссбраузерно
    – Horus
    29 мар 2012 в 12:32
  • 1
    вопрос же не как кроссбраузерно это сделать.
    – rnd_d
    29 мар 2012 в 17:08
  • Ну про крозбраузерность никто не говорил :) Я просто указал на возможный вариант 29 мар 2012 в 19:06
2

Через Css нельзя установить src img а можно:

  1. С помощью div'ов: <div style="width:40px;height:40px;background-image: url('адрес');"></div>
  2. На JS используя id: <script>document.getElementById("ид картинки").src="адрес";</script>
2

Не знаю, у меня вот так, работает в браузерах (Yandex, Chrome, Opera, Firefox, Maxthon - это те, что проверил)

    div a.link:after {
    content:url(http://savepic.ru/11603915.png) !important;
    }
    img.logo{
    display:none !important;
    }
<div>
  <a class="link">
    <img class="logo" src="/images/img.jpg">
   </a>
</div>

Ещё один способ (нубам, возвещающим, что через css никак - не смотреть, а то разрыв шаблона :) ) https://css-tricks.com/replace-the-image-in-an-img-with-css/

1
  • img нужен для тех случаев, когда размер картинки зависит от ширины экрана, в этом случае его не заменить на background и не заменить на content к сожалению, так как для content url нельзя задавать размеры.
    – shadow
    17 июл 2019 в 9:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.