Resize Background image in div

[ExpressYourself]

Можете ли ми кажете как мога да разтегна background картинка ето какво съм написал:

<div style='background-image: url(images/image.jpg); width: 195; height: 90px; background-repeat: no-repeat; border: solid 1px #1e1e1e;'>

Сложил съм width: 195px;
Но той разтяга diva апък картинката, не..

Идей ?

 

[dashe]

Сложил си

no-repeat;

Няма как да се разтегне.
Картинката ще си приема реалните размери.В случая без да се разтяга
И особено те ако са 195x90px
Ето виж тук:
http://w3schools.com/css/pr_background-repeat.asp
Или дай screen как трябва да бъде

 

[ExpressYourself]

Сложил си

no-repeat;

Няма как да се разтегне.
Картинката ще си приема реалните размери.В случая без да се разтяга
И особено те ако са 195x90px
Ето виж тук:
http://w3schools.com/css/pr_background-repeat.asp
Или дай screen как трябва да бъде

Ам когато го махна това no-repeat картинката не се удължава ми почва да се повтавя, а аз искам да се удължи и да си стой 1

 

[dashe]

repeat The background image will be repeated both vertically and horizontally. This is default
repeat-x The background image will be repeated only horizontally
repeat-y The background image will be repeated only vertically

Еми ето.
Ако е repeat-x ще е по хоризонтала.
Ако е repeat-y ще е по вертикала.
Ако е само repeat и вертикал и хоризонтал
В случая кажи твоита как трябва да бъде или пробвай

 

[marian]

Неможе да стане това, освен ако не сложиш img таг под него с position:absolute, което съм сигурен, че ще ти размести сайта, но ако искаш може да го пробваш.

 

[ExpressYourself]

Ето как става:

П.П. @marian твойто наистина размества сайта..

 

[marian]

<div style="width:500px;position:relative;color:#fff;"><img src="http://www.mascus.com/image/product/small/87db4e24/Isuzu-%D0%90-09202,dccecbea.jpg" style="position:absolute;width:100%;height:100%;z-index:-999" />d<br /><br />ww<br /><br />wwd<br /><br />ww</div>

Това не работи само под IE, иначе под другите браузъри се вижда добре. Кода в червено е най-важното, което трябва да имаш.
Друг начин няма освен да се мъчиш с position:absolute.

 

[ExpressYourself]

<div style="width:500px;position:relative;color:#fff;"><img src="http://www.mascus.com/image/product/small/87db4e24/Isuzu-%D0%90-09202,dccecbea.jpg" style="position:absolute;width:100%;height:100%;z-index:-999" />d<br /><br />ww<br /><br />wwd<br /><br />ww</div>

Това не работи само под IE, иначе под другите браузъри се вижда добре. Кода в червено е най-важното, което трябва да имаш.
Друг начин няма освен да се мъчиш с position:absolute.

На мене ми трябва едната картинка да е отдоло друга отгоре и за това ползвам дива като едната картинка я изкарвам от дб другата не..

 

[marian]

Ако съм те разбрал правилно искаш да си сложиш още картинки върху тази. Можеш да си слагаш още колкото си искаш картинки, защото тази е поставена отдолу, така че все едно е background. Ето ти един линк може и да работи под всички браузъри.

 

[ExpressYourself]

Ако съм те разбрал правилно искаш да си сложиш още картинки върху тази. Можеш да си слагаш още колкото си искаш картинки, защото тази е поставена отдолу, така че все едно е background. Ето ти един линк може и да работи под всички браузъри.

Горната картинка ми е прозрачна долната не ми е и затова тей съм го направил с background-size пробвах вече и нестана..

 

[marian]

То повечето браузъри не поддържат css3, затова използвай това, което ти дадох, а не background-size. Ето ти го и демото. Друг начин няма, просто търсиш за stretch background в някоя търсачка и тестваш...

 

[ExpressYourself]

То повечето браузъри не поддържат css3, затова използвай това, което ти дадох, а не background-size. Ето ти го и демото. Друг начин няма, просто търсиш за stretch background в някоя търсачка и тестваш...

Проблема ми е някаде друга май, ще го потърся +1 защото тествах и стана Но на друго