[es] - Problem sa poluprovidnim slojevima u ostalim pretrazivacima osim IE

arkadije
markovic milos
beograd

Član broj: 61694
Poruke: 4
213.244.197.*

Profil

Problem sa poluprovidnim slojevima u ostalim pretrazivacima osim IE

^{19.06.2005. u 22:46 - pre 229 meseci}

Pomoću css stilova mogu da napravim poluprovidne slojeve koristeci atribut
FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
sa njime mogu da se naprave lepi efekti za stranice ali ovo radi samo u IE neradi ni u Operi niti u NS bas šteta .Zna li neko kod koji bi radio u vise pretrazivaca?

Odgovor na temu

Ilija Studen
Novi Sad

Član broj: 3864
Poruke: 859
*.ftn.ns.ac.yu.

Sajt: www.activecollab.com

+1 Profil

Re: Problem sa poluprovidnim slojevima u ostalim pretrazivacima osim IE

^{20.06.2005. u 00:09 - pre 229 meseci}

Radiš na pogrešan način (to što to fercera u IEu ne znači da je IE superioran browser). Ima više načina kako da postigneš to što želiš. Sad da se ne smaram tražeći kako i šta evo ti copy paste jedne JS funkcije koju sam koristio:

Code:
  function setOpacity(obj, opacity) {

      // Prepare opacity
      opacity = (opacity == 100) ? 99.999 : opacity;

      // IE/Win
      obj.style.filter = "alpha(opacity:"+opacity+")";

      // Safari < 1.2, Konqueror
      obj.style.KHTMLOpacity = opacity/100;

      // Older Mozilla and Firefox
      obj.style.MozOpacity = opacity/100;

      // Safari 1.2, newer Firefox and Mozilla, CSS3
      obj.style.opacity = opacity/100;

  }

Ovo radi u browserima navedenim u komentarima. Na osnovu navednih svojstava možeš naći i koji su odgovarajući CSS atributi za odgovarajuće browsere.

Napomena: CSS sa ovakvim škrabotinama neće proći validaciju. Sačekajte CSS3 ili kvalitetnu implementaciju PNGa u IEu (Imbecil Engine ;) ) i to je to.

http://www.activecollab.com - Alat za upravljanje projektima

Odgovor na temu

Marko Bijelic

Član broj: 3296
Poruke: 1077
*.teol.net.

Sajt: markobijelic.com

+1 Profil

Re: Problem sa poluprovidnim slojevima u ostalim pretrazivacima osim IE

^{20.06.2005. u 00:16 - pre 229 meseci}

http://www.alistapart.com/articles/pngopacity/
http://www.quirksmode.org/css/opacity.html
http://www.stunicholls.myby.co.uk/opacity/

Odgovor na temu

Marko Bijelic

Član broj: 3296
Poruke: 1077
217.23.206.*

Sajt: markobijelic.com

+1 Profil

Re: Problem sa poluprovidnim slojevima u ostalim pretrazivacima osim IE

^{20.06.2005. u 08:38 - pre 229 meseci}

Code:

#element {
   position:absolute;
   top:150px;
   left:35px;
   color:#ccc;
   background:orange;
   filter: alpha(opacity=50);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity: 0.50; opacity:0.5;
   -khtml-opacity: 0.50;
  }

Odgovor na temu