Fout met achtergrond

**wessel** · 07-12-2009, 07:49

Beste,

Ik heb mijn website bijna 100% af. Maar ik ben tegen een fout aangelopen.
Ik heb een scriptje gemaakt dat je je kunt aan- of afmelden door je e-mailadres op te geven.

Nadat ik deze heb getest werkt het. Ik heb toen de kleur wit, veranderd in een transperante achtergrond. Nu wilde ik deze op mijn website plaatsen maar kreeg ik dus geen transperante achtergrond(zie bijlage). Iemand enig idee waarom niet?

Met vriendelijke groet,

Wesley.

**Rens L.** · 07-12-2009, 08:04

waarmee heb je transparante achtergrond gemaakt? photoshop? stel dan transparante achtergrond in en vervolgens opslaan voor web en apparaten.

**wessel** · 07-12-2009, 14:47

Nee, gewoon in de code aangepast.

**radule vucetic** · 07-12-2009, 15:04

Maak een transparante achtergrond met photoshop en save her als png.

mvg
radule

**Aeilko Bos** · 07-12-2009, 15:06

??
Dat is nogal moeilijk lijkt me:
background-color:transperant;
Lijkt me het logischt

**gast2960** · 07-12-2009, 15:23

Origineel gepost door Aeilko Bos

??
Dat is nogal moeilijk lijkt me:
background-color:transperant;
Lijkt me het logischt

Die code werkt hier niet voor.
Als je de background door middel van code
transparant maakt moet je css drie regels bevatten:

Code:

filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;

De eerste is voor de werking in IE
de tweede voor Firefox, en de derde voor de overige browsers.

Overigens, je CSS is dan niet meer CSS 2.1 valid. Het beste is idd
om een transparante .png te gebruiken. Eventueel in combinatie met
een IE6 transparante .PNG Fix

**Aeilko Bos** · 07-12-2009, 15:25

background-color:transperant; wertk gewoon hoor!
Bij mij tenminste in alle browsers!

**gast2960** · 07-12-2009, 15:46

Origineel gepost door Aeilko Bos

background-color:transperant; wertk gewoon hoor!
Bij mij tenminste in alle browsers!

background-color:transparant; wil zeggen dat het 100% transparant is,
ofwel: background:none;

De manier die ik opnoem is voor achtergronden die voor een x aantal procent
transparant zijn.

**wessel** · 07-12-2009, 20:51

Ik wil ook geen achtergrond hebben...
Maar Aeilke Bos, welke browsers gebruik je dan? En hoe heb jij dit gedaan(code)?

**Lukas Van Orshoven** · 07-12-2009, 21:17

Je moet gewoon gebruiken:
background-color : transparent; /* en niet transperent ofzoiets ;) */

Of is het een plaatje dat je als achtergrond gebruikt?
Je kan ook gebruiken:
background: none;

En, als het nog zo blijft, is dat teken dat je toch nog ergens het verkeerde hebt opgegeven. Zoek gewoon even (met Ctrl+F) in je css naar de kleurcode of de naam van het plaatje, en verwijder dat lijntje.

Groeten
Lukas

**radule vucetic** · 07-12-2009, 23:15

Waarom zo moeilijk?
Gewoon png transparante image gebruiken en klaar.
Werk 100% op alle browsers ;)

mvg
radule

**wessel** · 07-12-2009, 23:18

Jongens,

Heb het al, topic kan dicht.
Bedankt voor de reacties.

Wessel.

**P. Beulque** · 08-12-2009, 14:28

Origineel gepost door radule vucetic

Waarom zo moeilijk?
Gewoon png transparante image gebruiken en klaar.
Werk 100% op alle browsers ;)

mvg
radule

Al eens een transparante PNG door IE6 bekeken zonder fix?

background: transparent; wil louter zeggen dat het element de achtergrond van zijn parent element laat doorschijnen. Bij body is dit dus wit. Wil je transparantie is het inderdaad met de opacity code die hiervoor al genoemd is.

Fout met achtergrond