Właściwość tła na problem div - html

Chcę tego znacznika:

<div style="background:url("Untitled.jpg");height:50px;width:50px;"></div>

zachowywać się jak ten znacznik:

<img src="/images/untitled.jpg" width="50" height="50"/>

Różnica między 2 jest taka, że ​​divnie dopasowuje się do pełnego obrazu, po prostu przycina go, jeśli pełny obraz nie mieści się w pojemniku. Jednak tag img, jak wiemy, pokazuje pełny obraz. Skaluje obraz, ale pokazuje go w pełni.

Jak mogę osiągnąć to samo w div w własności tła css? Jeśli to możliwe, nie sugeruj css3, ponieważ potrzebuję tego do pracy na IE8. Jednak wszystko jest w porządku, nadal możesz zasugerować.

Odpowiedzi:

Będziesz musiał całkowicie zresetować div:

<div style="border: 0; margin: 0; padding: 0; background: url("Untitled.jpg"); background-size: 100%; width: 50px; height: 50px;"></div>

Jeśli obraz w tle ma rozmiar 50 x 50 pikseli, wyświetlane elementy powinny działać poprawnie. Jeśli div się nie rozciągnie, spróbuj dodać a   do tego.

Jeśli potrzebujesz Zmień rozmiar obraz tła, naprawdę trzeba odnieść się do CSS3, który ma background-size własność.

background: url ("untitled.png") 0 0 no-repeat; jest wymagane do zadeklarowania właściwości tła w całości. lub możesz przejść do obrazu tła, powtórzenia tła i tła.