Definiowanie atrybutu src w CSS <img> w CSS

Question

Potrzebuję zdefiniować atrybut src w CSS w postaci < img>. Czy istnieje sposób na określenie tego atrybutu?

Answer 1

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

Answer 2

Nie, nie ma. Możesz określić obraz tła, ale to jest , a nie to samo.

Answer 3

CSS nie służy do określenia wartości elementowi atrybutów DOM, by javascript być bardziej nadaje się do tego.

Answer 4

nr najbliżej można dostać jest ustawienie obrazu tła:

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

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

Answer 5

Mają rację. IMG to element treściowy, a CSS to projekt. Ale, jeśli chodzi o użycie elementów treści lub właściwości do celów projektowych? Mam IMG na moich stronach internetowych, które muszą się zmienić, jeśli zmienię styl (CSS).

Cóż, jest to rozwiązanie do definiowania prezentacji IMG (naprawdę nie obraz) w stylu CSS.
1: utwórz przezroczysty gif 1x1 lub png.
2: Przypisz propri "src" IMG do tego obrazu.
3: Zdefiniuj końcową prezentację za pomocą "obrazu tła" w stylu CSS.

To działa jak urok :)

Answer 6

tylko to jako tag img jest elementem treści

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

Answer 7

Po wypróbowaniu tych rozwiązań wciąż nie był zadowolony, ale znalazłem rozwiązanie w tej article i działa w 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 */ 

}