/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Gennemsigtig popup
Fra : Dan Henriksen


Dato : 25-07-03 15:59

Hej alle i kloge hoveder,

Jeg har set at man med layers kan lave popups på sin side med fx en
forklarende tekst når musen føres hen over et billede (det har jeg fået
lavet) Men jeg vil gerne have at popuppen (layeret) er gennemsigtig således
at man kan skimte billedet nedenunder, hvordan gør jeg det?

Dette er min kode til layeret:

<div id="bog_1" style="position:absolute;
background-color:#CCCCCC;z-index:5; width:400px; height:250px;
visibility:hidden">Teksten her</div>

På forhånd tak, håber at der er en der forstår hvad jeg mener.

Dan Henriksen


 
 
Mikkel Egelund (25-07-2003)
Kommentar
Fra : Mikkel Egelund


Dato : 25-07-03 17:50


"Dan Henriksen" <dan@1way2print.net> wrote in message
news:BB47125B.2E119%dan@1way2print.net...
> Hej alle i kloge hoveder,
>
> Jeg har set at man med layers kan lave popups på sin side med fx en
> forklarende tekst når musen føres hen over et billede (det har jeg fået
> lavet) Men jeg vil gerne have at popuppen (layeret) er gennemsigtig
således
> at man kan skimte billedet nedenunder, hvordan gør jeg det?
>
> Dette er min kode til layeret:
>
> <div id="bog_1" style="position:absolute;
> background-color:#CCCCCC;z-index:5; width:400px; height:250px;
> visibility:hidden">Teksten her</div>
>
> På forhånd tak, håber at der er en der forstår hvad jeg mener.
>
> Dan Henriksen
>

Du skal bruge:
filter:alpha(opacity=70)

således at dit layer ser således ud:
<div id="bog_1" style="position:absolute;
background-color:#CCCCCC;z-index:5; width:400px; height:250px;
filter:alpha(opacity=70)">Teksten her</div>


/mikkel

http://spacerent.dk - Webhosting fra 49,-/md.



Brian Graversen (25-07-2003)
Kommentar
Fra : Brian Graversen


Dato : 25-07-03 19:10

Hejsa Dan,
> Dette er min kode til layeret:
>
> <div id="bog_1" style="position:absolute;
> background-color:#CCCCCC;z-index:5; width:400px; height:250px;
> visibility:hidden">Teksten her</div>

background-color: transperant;

det vil ihvertfald lave den gennemsigtig, men jeg kan forstå at du
gerne vil give den en tone (tinting?). Jeg er ikke helt sikker på at
det er muligt, desværre.

Brian Graversen

Jens Peter Karlsen (26-07-2003)
Kommentar
Fra : Jens Peter Karlsen


Dato : 26-07-03 00:04

Du skal kombinere de to tidligere svar hvis det skal virke både i IE6
og andre browsere.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.

On Fri, 25 Jul 2003 16:59:07 +0200, Dan Henriksen <dan@1way2print.net>
wrote:

>lavet) Men jeg vil gerne have at popuppen (layeret) er gennemsigtig således
>at man kan skimte billedet nedenunder, hvordan gør jeg det?


DazZ (26-07-2003)
Kommentar
Fra : DazZ


Dato : 26-07-03 07:19

in article njd3ivo591ppqveng6imcqn4084l2h1jrr@4ax.com, Jens Peter Karlsen at
jpkarlsen@mvps.org wrote on 26/07/03 1:04:

> Du skal kombinere de to tidligere svar hvis det skal virke både i IE6
> og andre browsere.
>
> Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
>
> On Fri, 25 Jul 2003 16:59:07 +0200, Dan Henriksen <dan@1way2print.net>
> wrote:
>
>> lavet) Men jeg vil gerne have at popuppen (layeret) er gennemsigtig således
>> at man kan skimte billedet nedenunder, hvordan gør jeg det?
>

Tak for svarene, nu virker det som det ska.

Dan


Stig Nygaard (26-07-2003)
Kommentar
Fra : Stig Nygaard


Dato : 26-07-03 10:07

Hej


Jens Peter Karlsen wrote:

> Du skal kombinere de to tidligere svar hvis det skal virke både i IE6
> og andre browsere.

Dvs.

> Du skal bruge:
> filter:alpha(opacity=70)

hvorved man kan styre graden af transparens i IE, og

> background-color: transperant;

hvorved man kan skabe total transparens i "alle" browsere.

Men det kan gøres bedre endnu hvis *delvis* transparens også ønskes i
andre browsere end IE. De gecko-baserede browsere understøtter
-moz-opacity hvis værdi angives i intervallet 0-1:

-moz-opacity:0.7

Gecko-baserede browsere inkluderer bl.a. Mozilla og Netscape 6+.


--
Mvh. Stig
stig[at]rockland[dot]dk
http://www.rockland.dk/
* Bedre (D)HTML ?! --> http://www.rockland.dk/stig/upghtml.html *


Bo Jørgensen (27-07-2003)
Kommentar
Fra : Bo Jørgensen


Dato : 27-07-03 19:11

> > Du skal kombinere de to tidligere svar hvis det skal virke både i IE6
> > og andre browsere.
>
> Dvs.
>
> > Du skal bruge:
> > filter:alpha(opacity=70)

Jeg kunne nu godt tænke mig at se resultatet........

Hilsen Bo



Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste