Avatar billede cmau Nybegynder
11. december 2006 - 21:17 Der er 6 kommentarer

Billede og tekst skal ikke være sløret

Hejsa

jeg har en div med billede og tekst, hvor ldit at stylen er:

    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;

Hvordan kan jeg gøre sådan at billede og tekst vises 100% og ikke er gennemsigtigt.
Avatar billede php_programmoer Nybegynder
11. december 2006 - 21:31 #1
Du skal bare slette de 3 linier.. de gør nemlig intet andet end at gøre det 60% gennemsigtigt
Avatar billede cmau Nybegynder
11. december 2006 - 21:32 #2
Jamen vil have at der kommer et gennemsigtigt vindue også i midten skal der være et billede og tekst som ikke  skal være gennemsigtigt, så det ser ud som om det et vindue ekstra der åbner oven på.
Avatar billede php_programmoer Nybegynder
11. december 2006 - 21:37 #3
Forstår ikke helt problemet, du tildeler de 3 linier til de elementer der skal være gennemsigtige, andet er der ikke i det? :)
Avatar billede cmau Nybegynder
11. december 2006 - 21:43 #4
NU kan du lige få koden.. Jeg vil gerne slette den div med billetet opg smide den i overlay diven uden billedet bliver gennemsigtigt:

<style type="text/css">
<style type="text/css">
html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
#overlay {
    display:none;
    position: absolute;
    z-index:1;
    top: 0px;
    left: 0px;
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    color:#fff;
    height: 100%;
    width: 100%;
}
#view {
    display:none;
    position:absolute;
    text-align:center;
    z-index:2;
    padding:15px;
    background-color:#fff;
}
#navigation {
    margin: 0 auto;
    display:block;
    position:absolute;
    text-align:center;
    z-index:30;
    padding:15px;
    background-color:#fff;
    bottom:0;
}
</style>
<div id="overlay" onclick="document.getElementById('overlay').style.display='none';document.getElementById('view').style.display='none';"></div>
<div id="view" onclick="document.getElementById('overlay').style.display='none';document.getElementById('view').style.display='none';">
    <img src="DSC07660.JPG" width="600">
</div>
<div id="navigation">
    Forrige | Kommentér (34) | Næste
</div>
sdsad
dsf
sdf
sd<br>
fd
sf
<a href="#" onclick="document.getElementById('overlay').style.display='block';document.getElementById('view').style.display='block';">asd</a>
Avatar billede olebole Juniormester
12. december 2006 - 14:08 #5
<ole>

Når element gøres semi-transparent, gæder det også alt dets indhold. Altså må du lægge det, der skal være semi-transparent ind i et andet element - bag dettes indhold  =)

/mvh
</bole>
Avatar billede cmau Nybegynder
05. januar 2007 - 21:23 #6
Okay smid svar olebole :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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