|
Forum Flash, Actionscript, PHP e MySQL
|
|
|
|
|
|
| Autore |
Messaggio |
mesk8
avanzato
Età: -1984
Registrato: 31/10/05 16:41
Messaggi: 252
Località: Verona
|
 Oggetto: trasparenze su righe tabelle [css]
Inviato: 29.06.07 | 14:15 |
 |
|
ciao a tutti, ho trovato un modo per selezionare le righe di una tabella al passaggio del mouse... ora però vorrei dare una semitrasparenza a tutti i tr (righe) della tabella stessa. Ho provato in vari modi e questa sotto mi è sembrata una buona soluzione, tranne che per una cosa: ora su IE i link non riesco più a cliccarli, come posso fare per rimediare? metto anche un zip di esempio
Questo cmq è il mio codice css
| Codice: | html,body {margin:0; padding: 0;}
body {background-color: #FFFFFF;}
#back {
width: 760px;
background-color: #0099CC;
}
#content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
background-image: url(images/floreal.gif);
background-repeat: no-repeat;
margin: 0 70px;
padding: 0 24px;
}
table {
border-collapse: collapse;
border: 1px solid #9C9C9C;
font-size: 10px;
cursor: default;
}
thead {
background-color: #EAEAEA;
}
th, td {
text-align: left;
border-collapse : collapse;
border: 1px solid #9C9C9C;
}
th {
background-image: url(images/thead.gif);
background-repeat: repeat-x;
line-height: 16px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 2px;
}
th .d {
background-image: url(images/thead.gif);
background-position: right 0px;
float: right;
width: 5px;
}
th.selected {
background-position: 0px -16px;
}
th.selected .d {
background-position: right -16px;
}
/*-------TABELLA EFFETTI TRASPARENZE-------*/
tbody tr{
behavior: url('IEFixes.htc');
background-color: #FFFFFF;
}
tbody tr{
background-image:url(images/50percent.png);
}
tbody td {
background-image:url(images/blank.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/50percent.png');
}
tbody tr:hover {
background-image:url(images/cyan50percent.png);
}
tbody tr.hover td {
background-image:url(images/blank.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cyan50percent.png');
}
/*-------------TOP-------------*/
#top {
height: 40px;
padding-top: 5px;
}
#top form {
display: block;
float: right;
}
#top h3{
font-family: "Courier New", Courier, monospace;
font-size: 24px;
margin: 0px;
padding: 0px;
}
/*----------FORM----------*/
form * {
height: 19px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
margin-top: 3px;
}
form input {
height: 19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: url(images/ch_02_07.gif);
background-repeat: repeat-x;
}
form input.text {
padding: 3px;
width: 140px;
background-image: url(images/ch_02_03.gif);
background-repeat: repeat-x;
}
form .formL {
background-image: url(images/ch_02_01.gif);
width: 3px;
}
form .formC {
background-image: url(images/ch_02_05.gif);
width: 5px;
}
form .formR {
background-image: url(images/ch_02_09.gif);
width: 3px;
} |
| Descrizione: |
|
Download |
| Nome del file: |
table_trasparenza.zip |
| Dimensione: |
27.4 KB |
| Downloadati: |
File visto 167 volta(e) |
|
|
| Torna in cima |
|
|
Sponsor
|
|
 |
|
|
Non puoi inserire nuovi Topic in questo forum
Non puoi rispondere ai Topic in questo forum
Non puoi modificare i tuoi messaggi in questo forum
Non puoi cancellare i tuoi messaggi in questo forum
Non puoi votare nei sondaggi in questo forum
Non puoi allegare files in questo forum
Puoi downloadare gli allegati in questo forum
|
|
![[ Nascosto ]](templates/subSilver/images/lang_italian/icon_email.gif "[ Nascosto ]"){kind=icon}
