Søg
Avatar billede sap Nybegynder
14. november 2001 - 16:18 Der er 14 kommentarer og
1 løsning

Problem med \"filter: Alpha(Opacity=30 )\" i CSS

Hej
Når jeg skal fade en sort baggrund så den bliver gennemsigtig får jeg det problem at teksten der også står i tabellen også bliver mere gennemsigtig, men den skal bare være hvid !
Css kode :
div.boks  {
    color: #FFFFFF;
    font-family: \"Verdana\", serif;   
    width: 400px;
    border: 4px solid black;
    border-width: thin;   
    border-style: solid ;   
    border-color: #000000;
    background-image: url(\"../Grafik/Baggrund.jpg\");  filter: Alpha(Opacity=30 )   
    background-repeat: repeat;
    background-color: #000000;
    text-align: left;
}
Eksempel : http://www.flowbreakers.dk/FloBv3.0/

Tilægsspørgsmål :
Hvad er koden for at centrer en tabel i CSS ? I øjeblikket ligger Center i selve filen og det er jo ikke så kønt :)

På Forhånd Tak
Simon
Avatar billede olebole Juniormester
14. november 2001 - 16:22 #1
<ole>
filter er nu ikke CSS, men MS\' private style-property.
Du lægger det på div\'et. Læg det på billedet istedet  :)
/mvh
</bole>
Avatar billede sap Nybegynder
14. november 2001 - 16:28 #2
Hmm jeg forstår ikke ??
Skal filter tingen flyttes ??
Avatar billede pelkjaer Nybegynder
14. november 2001 - 16:29 #3
Du kan også lægge denne her i dit stylesheet, så kan du \"tilføje\" det til hvad du vil.

.fadediv { -moz-opacity: 70%; filter: alpha(opacity=70)
}
Avatar billede olebole Juniormester
14. november 2001 - 16:29 #4
Du kan ikke lægge det på en baggrund - det giver jo heller ingen mening ......hvad skulle skinne igennem?  :)
/mvh
Avatar billede sap Nybegynder
14. november 2001 - 16:30 #5
jeg er ikke særlig god til stylesheet, så i bliver desværre nødt til at kommer med eksempler.. ;(
Avatar billede olebole Juniormester
14. november 2001 - 16:31 #6
vrøvl ....det er jo baggrunden i et div  =o))))
<img src=\"noget.gif\" style=\"filter:Alpha(opacity=50)\">
/mvh
Avatar billede sap Nybegynder
14. november 2001 - 16:34 #7
Hvis du kigger på siden. Er boksen i midten bygger op på et sort billede som skal gøres gennemsigtig.
Så efter hvad jeg kan se skal
background-image: url(\"../Grafik/Baggrund.jpg\"); 
blive der ??
Avatar billede olebole Juniormester
14. november 2001 - 16:35 #8
Du kan ikke lægge et alpha-filter på en baggrund  ;o)
Avatar billede sap Nybegynder
14. november 2001 - 16:37 #9
Hvad forelår du så for at få den ønskede effekt ??
Den sorte baggrund er gennemsigtig, mens teksten er helt hvid ??
Avatar billede pelkjaer Nybegynder
14. november 2001 - 16:40 #10
Så vidt jeg kan se på dit link er den ønskede effekt der jo allerede...
Avatar billede sap Nybegynder
14. november 2001 - 16:43 #11
Nej for skriften i den gennemsigtige boks er fade ned.
Den skal være lige så tydelig som overskriften...
Avatar billede sap Nybegynder
14. november 2001 - 16:53 #12
Nu har jeg lagt det på billedet :
<div class=\"boks\" background=\"../Grafik/baggrund.jpg\" style=\"filter:Alpha(opacity=30)\">
<font color=\"#FFFFFF\"><? echo \"$data[2]\"; ?></font>
</div>
men skriften er stadig ikke helt hvid ??
Avatar billede olebole Juniormester
14. november 2001 - 17:33 #13
\'Du kan ikke lægge et alpha-filter på en baggrund\', prøver vi for tredie gang  =o)

Du skal lægge det på et alm. billede, f.eks. i et div. Derefter lægger du et div ovenpå med teksten  ;o)
/mvh
Avatar billede sap Nybegynder
14. november 2001 - 17:44 #14
Hehe ok, men det er lidt svært når man ikke fatter f.eks. <div>. Jeg ved ikke hvordan man ligger det \"ovenpå\"
Anyway, jeg har sat alhpa lidt op så man bedre kan læse teksten, så må jeg nøjes med det for jeg fatter ikke hvad du prøver at foreklarer mig....

Hvis du skulle have lyst til at spade det igennem, så det virker, mit icq : 101974052

Ellers tak for tiden...

Mvh
Sap
Avatar billede olebole Juniormester
14. november 2001 - 18:10 #15
Du kan f.eks. gøre sådan:

<div id=\"ib\"><img src=\"ditPic.gif\" style=\"filter:alpha(opacity=50)\"></div>
<div id=\"ib_text\" style=\"position:absolute;z-index:2;\">
  <script>
    document.getElementById(\"ib_text\").style.left=document.getElementById(\"ib\").offsetLeft;
    document.getElementById(\"ib_text\").style.top=document.getElementById(\"ib\").offsetTop;
  </script>
  Dette er din tekst
</div>

/mvh
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »