Behin baino gehiagotan, ikusi izan dugu testuaren azpian irudi batzuk fondo bezala jarrita gardentasun nahikoarekin testua irakur ahal izateko. Hori nola egin zitekeen ikertzen aritu gara eta oso erraza iruditu zaigunez, bertan adibide bat jartzea erabaki dugu. CSSan kode hau jarri beharko duzu:
#translucent {
position: absolute;
left: 80px;
top: 30px;
text-align: center;
border: 1px solid #666;
background-color: #f0f0ff;
filter: Alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
}
Ondoren, argazkia kokatu nahi duzun eremuan hauxe idatzi beharko duzu:
<div style=”position:relative;”>
<div id=”translucent”>
<h2>Irudiaren izenburua!</h2>
<img src=”irudia.gif” /></div><p>Idatzi beharreko destua… </p>
</div>
Ikus dezakezuenez, oso gauza erraza da eta efektu polit bat lor daiteke hainbat idatzi apaintzeko.
Izugarria egin duzun lana! Gehiegi eskatzea ez bada, goiburuaren azpiko atal hori nola sortu eta sartu duzun azaltzea gustatutuko litzaidake. Mila esker!
Comment Egilea sei — 2006-01-10 @ 16:43