Obrazek w css - width height


(Xteer) #1

witam,

posiadam taki kod :

{
	background-image: url(img/1.jpg);
	width: 320px;
height: 20px;

}

i niestety width z height mnie nie słucha. Obrazek ma inne rozmiary niż ustawione wyżej i przez to jest tak ucięty że w ogóle go nie widać. Czym mogę zablokować to jego uciekanie? 


(jacko1998) #2

dodaj to:

background-size: 100%;

(Xteer) #3

niestety nic to nie pomogło . Dodam jeszcze że jak robię grafikę większą od jej rzeczywistych rozmiarów to się powiela. 


(masma) #4
<style>

body {
background-image: url(img/1.jpg);
width: 320px;
height: 20px;
background-repeat: no-repeat;
}

</style>

(manieKMP) #5

Ściągawki:

  • rozpiska

    background-color: [kolor];
    background-image: [url(“ścieżka”)];
    background-repeat: [powtarzalność];
    background-position: [miejsce_w_ poziomie] [miejsce_w_pionie];
    background-size: [szerokość] [wysokość];

Przykład

background-color: #fff;
background-image: url("img/1.jpg") no-repeat left top/80px 20px;
background-repeat: no-repeat;
background-position: left top;
background-size: 80px 20px;
  • skrótowiec

    background: [kolor] [url(“ścieżka”)] [powtarzalność] [miejsce_w_ poziomie] [miejsce_w_pionie]/[szerokość] [wysokość];

Przykład:

background: #fff url("img/1.jpg") no-repeat left top/80px 20px;

PS. Obiekt w którym znajduje się grafika w takim “wariancie”, również potrzebuje określenia wymiarów.