SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict tlacaelelrl's Avatar
    Join Date
    Apr 2011
    Location
    Mexico city, Mexico
    Posts
    353
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    IE equivalent -moz-transform: translate(100px)

    Is there an equivalent for Internet explorer for the -moz-transform: translate(100px),

    Code CSS:
    div#features div#right-top-tab {
    /* Opera */
    -o-transform: rotate(-90deg) translate(0px, -45px);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 45px 45px;
    /* Firefox */
    -moz-transform: translate(-45px) rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    background:url('../../images/style_1/tab.png') no-repeat scroll 0 0 transparent;
    height:30px;
    position:fixed;
    right:-90px;
    top:200px;
    width:120px;
    }

    I have the code above, which positions a small tab on the right hand side of the page, right on the edge once is processed the height is 120 and the width is 30px because it is rotated, at that point I need to hover on the element and everything works fine, the problem is that I need to have that element right on the edge of the page and when I push it to the left -90px it is positioned there but the hover works only on the lower 30 pixels of the image, this does not happen if the image is set to right:0;

  2. #2
    Forums Designer
    Join Date
    Jun 2004
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use -ms-transform for IE9, but I don't think there is a filter for IE8-

  3. #3
    SitePoint Addict tlacaelelrl's Avatar
    Join Date
    Apr 2011
    Location
    Mexico city, Mexico
    Posts
    353
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by CyberAlien View Post
    You can use -ms-transform for IE9, but I don't think there is a filter for IE8-
    well I would like to make it compatible with as many browsers as possible


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •