bekgraund картинка и проценти

[jooorooo]

как да постигна тук http://webjo-bg.info/180708/222/background.php същия ефект както е под ФФ така да е и под ИЕ

 

[3ikmy]

 <style>
#abody{
background: url(картинката);
width: 30px;

}
</style>

<div id="abody">текста</div>

 

[jooorooo]

 <style>
#abody{
background: url(картинката);
width: 30px;

}
</style>

<div id="abody">текста</div>

Това аз съм го писал, питам как да изглежда еднакжо под ФФ и ИЕ. трябжа ми така както е под ФФ

 

[akolevutd]

Най лесния начин е като я направиш картинката примерно width: 30px; height: 20px с фотошопа и я задаваш за фон. Нещо такова:

<style>
#abody{
	background: #FFF url("bar1.gif") top left no-repeat;
	width: auto;
	height: 20px;
}
</style>
<div id="abody">Text here with background ...</div>

Като bar1.gif e width: 30px; height: 20px; Нито ще натовари сайта нито нищо. Това е най чистото решение.

Оттам нататък може да го направиш с още един див ... но става глупава работа. Няма смисъл просто.

 

[jooorooo]

akolevutd не става, width ще се сменя според зависи. Ще е динамично и в %-ти

 

[akolevutd]

ем и да го сложиш в px width не пречи. фоновото изображение винаги ще има една и съща дължина

 

[jooorooo]

ем и да го сложиш в px width не пречи. фоновото изображение винаги ще има една и съща дължина

въпроса е фона да се мести, а текста да е постоянен. Значи задажам % на фона и той се разтяга според него.

 

[jooorooo]

проблема е решен

ето ви отговора ако ви трябва

<div>
	<div style="position: absolute;">dddddd</div>
	<div style="background: url(bar1.gif); width: 3%; height: 20px;"></div>
</div>