6 svar · 252 visningar · startad av Peeer
jag har en tabell som jag gjort delvis transparent. I en cell vill jag dock ha ett lager som har opacity=100. Hur jag än gör så funkar det inte. Hur gör man?
Nuvarande kod:
<table style="-moz-opacity: 45%; filter:alpha(opacity=45);">
<tr>
<td>
lite text och bilder som ska vara halvtransparent.
<div style="filter:-moz-opacity: 100%; alpha(opacity=100);">
Text som ej ska vara transparent.
</div>
</td>
</tr>
</table>
Varför ha alpha(opacity=100) om det skall vara 100%? Skippa det då.
Till att börja med har du skrivit lite fel:
<table style="-moz-opacity: 45%; filter:alpha(opacity=45);">
<tr>
<td>
lite text och bilder som ska vara halvtransparent.
<div style="[b]-moz-opacity: 100%; filter: alpha(opacity=100);[/b]">
Text som ej ska vara transparent.
</div>
</td>
</tr>
</table>
Men det blir ändå inte rätt. Jag har haft samma problem som du tidigare, men jag lyckades aldrig lösa det.
Det här inlägget var inte till så mycket hjälp :)
Det enda sättet är väl att ställa in opacity=45 på alla andra celler.
<style type="text/css">
<!--
td.alpha45 { -moz-opacity: 45%;
filter: alpha(opacity=45) }
-->
</style>
<table>
<tr>
<td class="alpha45">
lite text och bilder som ska vara halvtransparent.
</td>
</tr>
<tr>
<td>
Text som ej ska vara transparent.
</td>
</tr>
</table>
Vet att det inte är samma sak eftersom du hade en div istället för sista cellen men det går nog inte att göra på något annat sätt.
dectgap skrev:
Till att börja med har du skrivit lite fel
Tack för upplysningen!
Löste det själv! :)
<table style="-moz-opacity: 45%; filter:alpha(opacity=45); height:100%; width:494px; z-index:1">
<tr>
<td>
lite text och bilder som ska vara halvtransparent.
<div style="position:relative; width:100%; height:100%; z-index:2;">
Text som ej ska vara transparent.
</div>
</td>
</tr>
</table>
Snygg lösning, men tyvärr blir det knasigt i Mozilla..
dectgap skrev:
Snygg lösning, men tyvärr blir det knasigt i Mozilla..
Ja jag såg det. Klarade dessutom inte av att få höjden till 100% i mozilla. Går det?
Opera gillade inte heller riktigt koden. Verkar inte finnas något för att göra ett lager delvis transparent där. Eller?
/me hoppas att majoriten av besökarna använder IE