Forum Debian Users Gang

BiExi · 2010-07-12 15:45:44

Więc tak walczę z przezroczystością i nie chce mi to za bardzo działać
efekt jest taki:
[img]http://biexi.eu/tmp/files/cssp.png[/img]
(ten div z niebieskim tłem ma być bez przeźroczystości)

kod css

Kod:

#bgop
{
 -moz-opacity:0.6; filter:alpha(opacity=60); opacity: 0.6; 
 position: absolute; 
 top: 0; 
 right: 0;
 width: 100%;
 height: 100%;
 background: #444444;

}

div.mpoz
{
 -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; 
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: #edf8ff;
  border: 1px solid #005485;
  width: 300px;
}

kod html

Kod:

<div id='bgop'>
 <div class='mpoz' id=ble>
  a'sodkas <br/>
  as  askd <br/>
  asdaklsd; <br/>
  asdkas;ld
 </div>

Dlaczego nie działa wyłączenie tej dziedziczonej przeźroczystości?
jakieś pomysły?

qwatex · 2010-07-12 20:58:15

Witam wszystkich, to mój pierwszy post!
Przezroczystość w mpoz została wyłączona dla elementów znajdujących się w bgop, dla całej reszty jest przezroczysta.
Div który ma być nieprzezroczysty powinno być poza kontenerem przezroczystym.

pozdrawiam

szewczyk · 2010-07-12 21:31:40

znalazłem coś takiego może będzie pomocne :

Kod:

http://nettuts.s3.amazonaws.com/041_TopPanelWithJquery/demo/index.html#

ale z tego co wiem tworzyło sie nowego diva a za tło połprzeroczyste ustalało sie całość body jego

Rumi · 2010-07-12 21:46:12

yy a nei prościej zrobić gifa jako background-image ?

Ostatnio edytowany przez Rumi (2010-07-12 21:50:04)

qwatex · 2010-07-12 21:51:32

CSS:

Kod:

#bgop
{
 -moz-opacity:0.6; filter:alpha(opacity=60); opacity: 0.6;
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 background: #444444;
 z-index:9;
}

div.mpoz
{
 -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1;
  margin-top: 40px;
  margin-left: -150;
  left: 50%;
  background-color: #edf8ff;
  border: 1px solid #005485;
  width: 300px;
  position: absolute; 
  z-index:10;
}

HTML:

Kod:

<div class="mpoz" id="ble">
  a'sodkas <br/>
  as  askd <br/>
  asdaklsd; <br/>
  asdkas;ld
 </div>
 <div id="bgop"></div>

jezoo · 2010-07-29 13:49:00

a najprosciej uzyc dialogu z dojo toolkit albo jquery jak to woli i po problemie.
ja tak kombinowalem i dalem sobie spokoj z tym bo to jest bez sensu. poco wywarzac drzwi ktore juz sa otwarte.

BiExi · 2010-07-29 18:11:45

Problem rozwiązałam niestety musiałam z zagnieżdżania zrezygnować i wszystko mi ładnie fuunguje :]

Minio · 2010-08-01 22:10:09

[quote=jezoo]a najprosciej uzyc dialogu z dojo toolkit albo jquery jak to woli i po problemie.[/quote]
Tylko pod warunkiem że którejś z tych bibliotek już się używa na stronie. Zagnieżdżanie kobylastych bibliotek dla jednej funkcji która w dodatku jest obsługiwana przez każdą liczącą się na rynku przeglądarkę, jest... brakuje mi słów by wyrazić jakie jest.

jezoo · 2010-08-01 22:30:18

@Minio, jest cos takiego jak CDN, linkujesz, ladujesz co Ciebie interesuje i uzywasz. a jezeli chodzi o przezroczystosc (opacity) pod IE to sie nie bede wypowiadal bo juz dosc osiwialem, a po drugie jezeli przygladnie sie jednej z tych bibliotek to pozniej uzywa sie z tego wzgledu, ze odpada mnustwo skrobania.

Time (s)	Query
0.00009	SET CHARSET latin2
0.00004	SET NAMES latin2
0.00106	SELECT u., g., o.logged FROM punbb_users AS u INNER JOIN punbb_groups AS g ON u.group_id=g.g_id LEFT JOIN punbb_online AS o ON o.ident='18.216.53.7' WHERE u.id=1
0.00061	REPLACE INTO punbb_online (user_id, ident, logged) VALUES(1, '18.216.53.7', 1732344891)
0.00043	SELECT * FROM punbb_online WHERE logged<1732344591
0.00062	SELECT t.subject, t.closed, t.num_replies, t.sticky, f.id AS forum_id, f.forum_name, f.moderators, fp.post_replies, 0 FROM punbb_topics AS t INNER JOIN punbb_forums AS f ON f.id=t.forum_id LEFT JOIN punbb_forum_perms AS fp ON (fp.forum_id=f.id AND fp.group_id=3) WHERE (fp.read_forum IS NULL OR fp.read_forum=1) AND t.id=17202 AND t.moved_to IS NULL
0.00007	SELECT search_for, replace_with FROM punbb_censoring
0.00213	SELECT u.email, u.title, u.url, u.location, u.use_avatar, u.signature, u.email_setting, u.num_posts, u.registered, u.admin_note, p.id, p.poster AS username, p.poster_id, p.poster_ip, p.poster_email, p.message, p.hide_smilies, p.posted, p.edited, p.edited_by, g.g_id, g.g_user_title, o.user_id AS is_online FROM punbb_posts AS p INNER JOIN punbb_users AS u ON u.id=p.poster_id INNER JOIN punbb_groups AS g ON g.g_id=u.group_id LEFT JOIN punbb_online AS o ON (o.user_id=u.id AND o.user_id!=1 AND o.idle=0) WHERE p.topic_id=17202 ORDER BY p.id LIMIT 0,25
0.00077	UPDATE punbb_topics SET num_views=num_views+1 WHERE id=17202
Total query time: 0.00582 s

Forum Debian Users Gang

Ogłoszenie

#1 2010-07-12 15:45:44

BiExi - matka przelozona

CSS Przezroczystosc

Kod:

Kod:

#2 2010-07-12 20:58:15

qwatex - Użytkownik

Re: CSS Przezroczystosc

#3 2010-07-12 21:31:40

szewczyk - Stary wyjadacz :P

Re: CSS Przezroczystosc

Kod:

#4 2010-07-12 21:46:12

Rumi - prawiczek erotoman

Re: CSS Przezroczystosc

#5 2010-07-12 21:51:32

qwatex - Użytkownik

Re: CSS Przezroczystosc

Kod:

Kod:

#6 2010-07-29 13:49:00

jezoo - Dzięcioł

Re: CSS Przezroczystosc

#7 2010-07-29 18:11:45

BiExi - matka przelozona

Re: CSS Przezroczystosc

#8 2010-08-01 22:10:09

Minio - Użyszkodnik

Re: CSS Przezroczystosc

#9 2010-08-01 22:30:18

jezoo - Dzięcioł

Re: CSS Przezroczystosc

Stopka forum

Informacje debugowania