Notifikationer

Markér alle som læst Log ud

jmc Nybegynder

01. november 2004 - 13:40 Der er 14 kommentarer og
1 løsning

filter: Alpha skal ikke nedarves

.translayer {
filter: Alpha(Opacity=70, FinishOpacity=70, Style=70);
}

hvordan kan jeg undgå at billeder som ligger inde i dette DIV eller table element ikke modtager den ALPHA ?

Synes godt om

notes2c Nybegynder

01. november 2004 - 13:55 #1

Du kunne gøre:

div .translayer, table .translayer {
filter: Alpha(Opacity=100, FinishOpacity=100, Style=100);
}

Synes godt om

jmc Nybegynder

01. november 2004 - 14:01 #2

du mener?

table.translayer {
filter: Alpha(Opacity=100, FinishOpacity=100, Style=100);
}

er dette syntaksen?
og så kommer det på alle tables?

Synes godt om

jmc Nybegynder

01. november 2004 - 14:19 #3

det virker ikke

Synes godt om

notes2c Nybegynder

01. november 2004 - 15:37 #4

Nu ved jeg jo ikke hvorledes din kode ser men det her virker

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
#navn {
position: absolute;
left: 50%;
top: 20px;
width: 200px;
height: 100px;
margin-left: -100px;
}
.translayer {
filter: Alpha(Opacity=70, FinishOpacity=70, Style=70);
}
div .translayer, table .translayer {
filter: Alpha(Opacity=100, FinishOpacity=100, Style=100);
}
</style>

</head>

<body>
<div id="navn">Test test<div id="navn">Test test</div></div>

</body>
</html>

Synes godt om

notes2c Nybegynder

01. november 2004 - 15:37 #5

Ups forkerte kode

Denne kode virker
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
.translayer {
filter: Alpha(Opacity=70, FinishOpacity=70, Style=70);
}
div .translayer, table .translayer {
filter: Alpha(Opacity=100, FinishOpacity=100, Style=100);
}
</style>
</head>

<body>

<img src="x.jpg" alt="" class="translayer">
<div><img src="x.jpg" alt="" class="translayer"></div>
<table><tr><td><img src="x.jpg" alt=""></td></tr></table>

</body>
</html>

Synes godt om

jmc Nybegynder

01. november 2004 - 19:45 #6

men det virker ikke,
min tabel:
<table border="0" cellspacing="0" cellpadding="0" class="translayer">

Synes godt om

notes2c Nybegynder

01. november 2004 - 20:10 #7

Der er jo ikke tabellen som skal have filtert det er jo billede. Men for at komme det lidt nærbere. Kunne du så ikke lige smide din kode ind så vi kan se hvad du laver.

Men eksemplet ovenfor (som gik lidt hurtigt) virker efter hensigten, nemlig at det første billede har et filter på 70 men det har de 2 efterfølgende ikke.

Du skal lige erstatte body kode men dette, der var endnu en likke typo.

<img src="x.jpg" alt="" class="translayer">
<div><img src="x.jpg" alt="" class="translayer"></div>
<table><tr><td><img src="x.jpg" alt="" class="translayer"></td></tr></table>

Synes godt om

notes2c Nybegynder

01. november 2004 - 20:12 #8

Sorry jeg tror ikke min fingere sidder rigtit på idag.

Beklager typo'erne

Synes godt om

olebole Juniormester

02. november 2004 - 00:29 #9

<ole>

Der rodes vist en del rundt i begreberne her :)
Der er ikke tale om nedarvning, men når du lægger et Alpha-filter på et element, gøres elementet _med_ alt dets indhold mere eller mindre transparent. En løsning kunne være noget à la:

<div style="position:relative;">
<div style="position:absolute;top:0px;left:0px;z-index:2;">
<img src="myPic.jpg">
</div>

<div style="position:absolute;top:0px;left:0px;width:400px;height:300px;z-index:1;filter:Alpha(opacity=30);background-color:red"> </div>
</div>

/mvh
</bole>

Synes godt om

jmc Nybegynder

02. november 2004 - 19:42 #10

det ser mere og mere mærkeligt ud ;o)

mit style:
.translayer {
filter: Alpha(Opacity=70, FinishOpacity=70, Style=70);
position:absolute;
top:0px;
left:0px;
width:400px;
height:300px;
z-index:1;
filter:Alpha(opacity=30);
background-color:gray;
}

mit html:
<div style="position:relative;">
<div style="position:absolute;top:0px;left:0px;z-index:2;">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><img src="gfx/bo.gif" width="188" height="105"></td>
<td width="10"> </td>
<td><div align="center"><img src="gfx/f.gif" width="56" height="56" border="0"></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td><div align="right"></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>

<div class="translayer"> </div>
</div>

Synes godt om

notes2c Nybegynder

02. november 2004 - 20:57 #11

Synes ikke rigtig at jeg kan se hvad dit problem er. Hos mig har tabellen ikke modtaget alpha'en. Hvilken effekt er det du ønsker.

Synes godt om

olebole Juniormester

02. november 2004 - 21:27 #12

Eksemplet gør præcist, hvad du beder om :)

Synes godt om

jmc Nybegynder

03. november 2004 - 20:13 #13

Jo det gør den så lad mig give points. :o)
Jeg har bare et nyt problem pga. at det nu er layers og ikke tables vil de enkelte blokke (som overover her) ikke ligge under hinanden. :o(

Synes godt om

olebole Juniormester

03. november 2004 - 20:27 #14

Du kan også bruge tabeller ... det kommer anpå, hvordan det skal bruges og til hvad. Princippet er det samme :)

Synes godt om

jmc Nybegynder

03. november 2004 - 23:17 #15

tak, jeg fandt ud af det ;o)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS