1. #1
    Ext JS Premium Member neongrau's Avatar
    Join Date
    Mar 2007
    Posts
    249
    Vote Rating
    0
    neongrau is on a distinguished road

      0  

    Default slightly OT, is IE7 still buggy with transparent png's ?

    slightly OT, is IE7 still buggy with transparent png's ?


    normally they should work fine, i know.
    but i changed (or tried to change) the gridnavigation button icons this way:

    Code:
    .x-grid-page-last .x-btn-text {
      background-image:url(/images/silk/control_end_blue.png);
    }
    .x-item-disabled .x-grid-page-last .x-btn-text {
      background-image:url(/images/silk/control_end.png);
    }
    ...
    but somehow IE7 draws an ugly pixelized corona around the _disabled_ icon while the default button state icon stays clean.

    i made a conditional comment to include a special css file with that alpha-filter crap for older IE's
    (<!--[if lt IE 7]>) and to use IE7's "native" png support but it looks like IE7 still likes the alpha-filter stuff more (the icon looks ok with them) :cry:

    could it be that he doesnt get along with a certain amount of cascaded classes ? or do i just have a problem in my stylesheet? ideas? anyone?

  2. #2
    Sencha - Community Support Team JeffHowden's Avatar
    Join Date
    Mar 2007
    Location
    Forest Grove, OR
    Posts
    1,038
    Vote Rating
    1
    JeffHowden is on a distinguished road

      0  

    Default


    A screenshot or link to a page that illustrates the problem you're seeing would be extremely helpful.

  3. #3
    Ext JS Premium Member neongrau's Avatar
    Join Date
    Mar 2007
    Posts
    249
    Vote Rating
    0
    neongrau is on a distinguished road

      0  

    Default


    i can give you a screenshot, have a look here:

    http://neongrau.googlepages.com/pngweirdnessinie7

  4. #4
    Ext JS Premium Member neongrau's Avatar
    Join Date
    Mar 2007
    Posts
    249
    Vote Rating
    0
    neongrau is on a distinguished road

      0  

    Default


    yay, i finally located the troublemaker,

    the problem wass the filter:alpha(opacity=60) for the disabled styles, which definately kills _ALPHA_ transparency on PNG's in IE7.

    so i set this in a css file after ext-all.css

    Code:
    .x-item-disabled {
      filter:none !important;
    }
    i can live without the opacity since i just use half transparent png's for the disabled stuff


    btw. jack if you read this. what do you think about cleaning up all css from IE proprietary stuff and outsource them to it's own css file that then can be included with a conditional comment?

Similar Threads

  1. HELP!!! slightly flummoxed by the Image Chooser demo
    By tad_scsi in forum Ext 1.x: Help & Discussion
    Replies: 6
    Last Post: 5 Mar 2007, 7:56 PM
  2. Layout resizing is buggy with an iframe
    By manugoel2003 in forum Ext 1.x: Help & Discussion
    Replies: 14
    Last Post: 22 Jan 2007, 1:59 PM

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi