MozillaPL.org - polskie centrum Mozilli

Główne menu:

Przezroczystosc

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

Przezroczystosc

Postautor: Pola » 13 grudnia 2005, 11:44

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8) Gecko/20051111 Firefox/1.5

Czesc wszystkim!!!

Bawie sie troche w robienie www, i mam maly problem. Zrobilam plik html:

Kod: Zaznacz cały
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content= "text/xml; charset=iso-8859-2" />
<link rel="stylesheet" href="styl.css" type="text/css" />
<title>Moja stronka</title>
</head> <body>
<div>
<p>
Ten napis jest przezroczysty
<p>
</div>
</body> </html>


i css:

Kod: Zaznacz cały
body    {
   background-image: url(grafa/tlo1.gif);
   }

img    {   
   border: 0px;
   text-align: center;
   }

div   {
   margin-left: 10%;
   margin-right: 10%;
   background-color: navy;
   filter: alpha(opacity=50);
   opacity: 0.2;
   border: 1px solid white;
   }

p   {
   text-align: center;
   font-size: 30pt;
   }


Chcialabym aby tekst byl w przezroczystym "pudelku", i tak jest ale jak mam zrobic zeby tekst byl "wyrazny", bialy , nie rozmyty???
Pola
 

Postautor: helios » 13 grudnia 2005, 15:03

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.7.12) Gecko/20051010 Firefox/1.0.7 (Ubuntu package 1.0.7)

Może tak:
Kod: Zaznacz cały
p {filter: none; opacity: 1.0}


Nie testowałem - nie wiem, czy to zadziała.

Alternatywnie można stworzyć warstwy
Kod: Zaznacz cały
<div style='z-Index: 2'></div>
i umieścić tekst nad tłem.

PS Czy XHTML 1.0 Strict zezwala na znacznik <meta>? Style powinny być chyba dołączone przez <?xml-stylesheet...?>, nie?

Poprawcie , jeśli się mylę. :)

Pozdrawiam
helios
 
Posty: 217
Z nami od: 10 sierpnia 2005, 18:15
Lokalizacja: Gdańsk

Postautor: JBG » 13 grudnia 2005, 15:41

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8) Gecko/20051111 Firefox/1.5

helios pisze:
PS Czy XHTML 1.0 Strict zezwala na znacznik <meta>?


:o Zezwala.
Metadane umieszcza się w sekcji head dokumentu hipertekstowego. Do oznaczenia metadanych używa się włąśnie znacznika <meta>

helios pisze:Style powinny być chyba dołączone przez <?xml-stylesheet...?>, nie?

Poprawcie , jeśli się mylę. :)


Dołączanie arkusza stylów przez
Kod: Zaznacz cały
<?xml-stylesheet type="..
jest zobowiązujące wtedy , gdy dokument xhtml wysyłasz jako application/xhtml+xml, ale wtedy dla zgodności z html stosujesz równocześnie znacznik <link>. W przeciwnym razie tzn, jeżeli wysyłasz dokument jako text/html wystarczy konstrukcja
Kod: Zaznacz cały
<link href="style.css"
Szaleniec nie jest człowiekiem, który utracił rozsądek. Szaleniec utracił wszystko, poza rozsądkiem.
JBG
 
Posty: 142
Z nami od: 17 marca 2005, 12:57
Lokalizacja: Dobre Miasto

Postautor: Pola » 13 grudnia 2005, 17:52

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8) Gecko/20051111 Firefox/1.5

Zrobilam cos takiego

http://xthost.info/pola

ale znowu ten obrazek tez jest przezroczysty. jak moge zrobic przezroczystego diva i nieprzezroczysty obrazek?
Pola
 

Postautor: Pola » 13 grudnia 2005, 17:55

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8) Gecko/20051111 Firefox/1.5

Pola pisze:Zrobilam cos takiego

http://xthost.info/pola

ale znowu ten obrazek tez jest przezroczysty. jak moge zrobic przezroczystego diva i nieprzezroczysty obrazek?


sorry

http://xthost.info/polka
Pola
 


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: