Преливане?

[purko]

Значи как мота да направя така, че двата реда картинки да се преливат към фона?

А ето това е картинка - аз я слагам като фон на таблицата, защото искам да се пише отгоре
Имайте в предвид че тези картинки ще се повтарят и фона няма да един и същ :?:


Ако не сте ме разбрали кажете и ще се опитам да го обясня по-добре :?:

Благодаря!
+1 :?:

 

[lord_simeon]

<img src=image.jpg style="-moz-opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40"/>

мисля че така трябва да стане :wink:

 

[devent]

http://store1.data.bg/faicheto/examples/background/
Tова трябва да ти свърши работа. За всяка картинка се създава нов клас

 

[purko]

<img src=image.jpg style="-moz-opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40"/>

Така не става нищо

http://store1.data.bg/faicheto/examples/background/
Tова трябва да ти свърши работа. За всяка картинка се създава нов клас Smile

А това изобщо незнам какво е....







А аз си мислех с PS ако я създам прозрачна дали ще стане?

 

[FRGT10]

Аз нещо не разбрах каква точно е целта на занятието.

 

[purko]

Целто е тези две ленти все една да изчезват постепенно във всеки фон, в който ги сложа :?:

 

[shterev]

ами то първо ти се иска да имаш 3 картинки. една за постепенно изчезване в ляво и една за постепенно изчезване в дясно , тази която си дал е в средата.Според това което си казал искаш средната част да се разпъва по ширина, което не е мн добра техника , а и е по-слойно и почти не се ползва.Много по лесно ще е , ако имаш 3 картинки.които започват да изчезват по височина.От горе и от долу са тези картинки , които изчезват постепенно, а в средата тази която се разпъва(която се повтаря) и така е мн по-лесно.

CSS:

.top { width:100px; height:10px;font-size:0px;/* това е заради ИЕ*/
background: url(kartinka-gorna.gif) no-repeat left top;}

.center { width:100px; /* тук не задаваме височина , за да може да се разпъне*/
background: url(kartinka-centralna.gif) repeat-y left top;}

.bottom { width:100px; height:10px;
background: url(kartinka-dolna.gif) no-repeat left top;}


HTML:

<div class="top"></div>
<div class="center">
слагаш инфо и то се разпъва надолу, по височина.
</div>
<div class="bottom"></div>


п.с. може на клас център да се зададе минимална височина, но трябва да ползваш и хак за ие6