<img> 's src özniteliğini CSS olarak tanımlayın

Question

CSS'de bir < img>' s src özniteliği tanımlamanız gerekir. Bu özelliği belirtmenin bir yolu var mı?

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

Hayır yok. Bir arka plan resmi belirtebilirsiniz, ancak aynı şey değil .

Answer 3

CSS, DOM öğesi özelliklerine değer tanımlamak için kullanılmaz, javascript bunun için daha uygun olur.

Answer 4

sayılı bir arka plan resmi kuruyor alabilirsiniz yakın:

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

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

Answer 5

Haklılar. IMG bir içerik öğesidir ve CSS tasarımla ilgilidir. Ancak, bazı içerik öğelerini veya özelliklerini tasarım amacıyla kullandığınızda ne dersiniz? Stilimi değiştirdiğimde (CSS) değiştirmem gereken web sayfalarımda IMG var.

Bu, CSS stilinde IMG sunumunu (gerçek görüntüyü değil) tanımlamak için bir çözümdür.
1: 1x1 şeffaf gif veya png oluşturun.
2: Bu resme IMG'nin "src" ürününü atayın.
3: Son sunuyu, CSS stilinde "arka plan resmi" ile tanımlayın.

Bir çekicilik :)

Answer 6

img etiketi bir içerik öğesi

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

Answer 7

Hala memnun değildi bu çözümleri denedikten sonra ama bu article bir çözüm buldum sadece bu kadar gibi çalışır ve Chrome, Firefox, Opera, Safari, IE8 çalışır +

#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 */ 

}