foorex Skrevet 24. januar 2013 Del Skrevet 24. januar 2013 Hei! Lager en enkel hjemmeside men sliter litt med å få hvit tekst på siden. Her er problemet hvis du ser på bildet. Her har du siden min. http://www.personal....mqg5319/art003/ Den virker best på Firefox. Teksten jeg har er helt grå når jeg vill ha den hvit. Jeg tror problemet har med at jeg har satt opacity på den blå rammen til 0.5. Men jeg vill at den fortsatt skal vaere gjennomsiktig mens teksten er hvit. Her er bilde hvis du ikke kan se: http://bildr.no/view/1375410 Sånn som dette vil jeg ha det. (Se bort ifra fonten) http://bildr.no/view/1375411 HTML koden <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Mats Gausdal</title> <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Sarina' rel='stylesheet' type='text/css'> <style> body { font-family: 'Cutive Mono', serif; font-size: 18px; background-image: url(football.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; background-color: #FFF; } td,th { font-family: "Cutive Mono", serif; font-weight:900; text-align: center; color: #FFF; } a:link { color: #FFF; } a:hover { color: #900; } h1 { font-family: "Sarina", cursive; } #outer { background:#011345; opacity:0.5; width: 450px; height: 550px; margin-left:auto; margin-right:auto; margin-bottom:auto; margin-top:auto; } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body text="#FFFFFF"> <div id="outer"> <p><center> <p> </p> <h1>Mats Gausdal<h1> </center> </p> <p><center> <p>Penn State Berks<br /> Security and Risk Analysis<br /> College of Information Sciences & Technology </p> <p>I am an international student attending Penn State Berks. I'm from Norway and I speak English and Norwegian.<br /> I like to watch football and my favorite team is the Philadelphia Eagles.</p> <p>My goal for this year is to learn to speak French. My interests are swimming, photography, tech and travel. </p> <p>E-mail: <a href="mailto: [email protected]">[email protected]</a></p> <p><a href="../../art003/illustrator.html">Illustrator Project</a> <a href="../../art003/photoshop.html">Photoshop Project</a> <a href="../../art003/flash.html">Flash Project</a></p> <p>Photo Credit: Annemarie Mountz</p> </center> </div> </body> </html> Setter stor pris hvis noen kan hjelpe meg. Lenke til kommentar
BlueEAGLE Skrevet 24. januar 2013 Del Skrevet 24. januar 2013 Problemet ditt er at du har satt opacity på DIV-en og teksten er en del av denne. Løsningen er å definere en stil for <p> i outer som vist i eksempel 3 her: http://www.w3schools.com/css/css_image_transparency.asp 1 Lenke til kommentar
Wattengård Skrevet 24. januar 2013 Del Skrevet 24. januar 2013 http://codepen.io/cwattengard/pen/phesk Istedet for å sette opacity, så setter du bakgrunnsfargen til en rgba (rgb med alpha transparency). 1 er ugjennomsiktig, 0 er helt blank. 2 Lenke til kommentar
foorex Skrevet 24. januar 2013 Forfatter Del Skrevet 24. januar 2013 Tusen takk for hjelp!! Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå