webForumDet fria alternativet

opacityproblem (igen)

6 svar · 252 visningar · startad av Peeer

PeeerMedlem sedan mars 20025 907 inlägg
#1

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>
ejickMedlem sedan mars 2001895 inlägg
#2

Varför ha alpha(opacity=100) om det skall vara 100%? Skippa det då.

dectgapMedlem sedan sep. 20021 655 inlägg
#3

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 :)

Nexus86Medlem sedan okt. 20023 030 inlägg
#4

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.

PeeerMedlem sedan mars 20025 907 inlägg
#5

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>
dectgapMedlem sedan sep. 20021 655 inlägg
#6

Snygg lösning, men tyvärr blir det knasigt i Mozilla..

PeeerMedlem sedan mars 20025 907 inlägg
#7

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

268 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
136 ms — hämta forumlista (db)
129 ms — hämta statistik (db)
127 ms — hämta tråd, inlägg och bilagor (db)