Threaded View

  1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    14
    Vote Rating
    0
    dadaking is on a distinguished road

      0  

    Default Unanswered: CSS problem with IE9

    Unanswered: CSS problem with IE9


    Hello,

    I want to put a background-image to a button. Here is the CSS:

    Code:
    .valid { background-image:url(../images/accept.png); }
    It's very simple and it's work in firefox and chrome but not in IE.
    I search and I found a difference between the browsers. ExtJS put x-nbr class in the BODY in IE. It's this class which destroy the style which that:

    Code:
    background-position-y:1100303px;
    background-position-x:1100303px;
    I try to put it to 0 with !important, it work but the hover hide the picture of the button.

    EDIT: I try to change cls to iconCls, it's work ... but I can't change de size of the button with the iconCls. I need to put the class with the attribute cls.

    EDIT2: I debug and look to the BODY tag and I have this as class: "x-body x-ie x-ie7p x-ie7 x-ie7m x-ie8m x-ie78 x-nbr x-nlg x-reset x-border-layout-ct x-container"

    I look a sample/example of sencha and I see some differents in the BODY tag: " x-body x-ie x-ie7p x-ie8p x-ie9p x-ie9 x-nlg x-reset" -> I put this with the debugger of IE and all works. The question is: Which files add the class to the BODY tag and why I have differents class?

    Anyone have a solution?

    Thank you in advance for your answers

    Regards,
    David
    Last edited by dadaking; 5 Sep 2012 at 11:41 PM. Reason: Add information

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar