Определить атрибут <img> src в CSS

Ответ 1

#divID {
    background-image: url("http://imageurlhere.com");
    background-repeat: no-repeat;
    width: auto; /*or your image width*/
    height: auto; /*or your image height*/
    margin: 0;
    padding: 0;
}

Ответ 2

только это, поскольку тег img является элементом контента

img {
    content:url(http://example.com/image.png);
}

Ответ 3

Нет, нет. Вы можете указать фоновое изображение, но это не то же самое.

Ответ 4

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

Ответ 5

Нет. Ближе всего вы можете установить фоновое изображение:

<div id="myimage"></div>

#myimage {
  width: 20px;
  height: 20px;
  background: white url(myimage.gif) no-repeat;
}

Ответ 6

После использования этих решений я все еще не был удовлетворен, но нашел в этой статье решение и работает в Chrome, Firefox, Opera, Safari, IE8 +

#divId {

  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(http://notrealdomain2.com/newbanner.png) no-repeat;
  width: 180px; /* Width of new image */
  height: 236px; /* Height of new image */
  padding-left: 180px; /* Equal to width of new image */

}

Ответ 7

Они правы. IMG - элемент контента, а CSS - дизайн. Но как насчет того, когда вы используете некоторые элементы контента или свойства для целей дизайна? У меня есть IMG на моих веб-страницах, которые должны меняться, если я изменяю стиль (CSS).

Ну, это решение для определения IMG-презентации (на самом деле не изображение) в стиле CSS.
1: создать прозрачный gif или png 1x1.
2: Назначьте "src" IMG этому изображению.
3: Определите окончательную презентацию с помощью "фонового изображения" в стиле CSS.

Он работает как шарм:)