Loon3y
Neues Mitglied
Moinsen...
ich habe stehe momentan vor folgenden Problem:
Ich habe einen Farbverlauf den ich in die y-achse wiederhole. Dieser ist zum Teil transparent und soll ungefähr 50% des Contents verdecken.
ist es nun möglich, dem Element mit dem Background einen höheren z-index zu geben als dem Content und somit den Content zum Teil zu verbergen?
Anbei ein "Beispiel-Code":
css:
html:
Gruß
Loon3y
Anmerkung 1: Warum zu 50% den inhalt verdecken? Ist nur eine Vorschau im Auswahlmenu
Anmerkung 2: Wieso <div> um <ul>? Weil noch mehr Inhalt rein kommt.
Anmerkung 3: Usability? Ist keine www-Anwendung im eigentlichen Sinne.
ich habe stehe momentan vor folgenden Problem:
Ich habe einen Farbverlauf den ich in die y-achse wiederhole. Dieser ist zum Teil transparent und soll ungefähr 50% des Contents verdecken.
ist es nun möglich, dem Element mit dem Background einen höheren z-index zu geben als dem Content und somit den Content zum Teil zu verbergen?
Anbei ein "Beispiel-Code":
css:
Code:
#main_right, {
width: 360px;
height: 900px;
float:left;
position:relative;
margin-top:-10px;
z-index:10;
background: url(../img/fw/shadow_right.png) repeat-y;
}
#main_right ul {
width:360px;
height:870px;
margin:50px auto 0px;
}
#main_right ul li {
width:380px;
height:230px;
margin:0px 0px 10px;
background:url(../img/fw/box_standard.png);
position:relative;
z-index:1;
}
#main_right ul li img {
width:300px;
height: 200px;
float:right;
margin:15px 16px;
}
html:
Code:
<div id="main_right">
<ul>
<li><a href="#"><img src="#" width="300" height="200" alt="" /></a></li>
<li><a href="#"><img src="#" width="300" height="200" alt="" /></a></li>
<li><a href="#"><img src="#" width="300" height="200" alt="" /></a></li>
</ul>
</div>
Gruß
Loon3y
Anmerkung 1: Warum zu 50% den inhalt verdecken? Ist nur eine Vorschau im Auswahlmenu
Anmerkung 2: Wieso <div> um <ul>? Weil noch mehr Inhalt rein kommt.
Anmerkung 3: Usability? Ist keine www-Anwendung im eigentlichen Sinne.