SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question clickable links behind the fixed div on top of website

    Hello,

    I make a website which is based on tabless div tag.
    I have a problem regarding clickable links is not working behind the fixed div on top.
    Navigation links is not clickable in IE due to fixed div on top.

    Here is website link
    Untitled Document

    Plz help me its urgent

    Thankyou

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,805
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    You are using the non standard 'pointer-events' to allow the click-through (a risky approach anyway) which IE doesn't understand.

    You do have half the fix in place for IE which is to use the alpha image loader for the transparent image and that will allow for a click through effect in ie8 and under.

    Add this code.
    Code:
    <!-- Include he following conditional to get click-throughs to work with IE -->
    <!--[if IE]>
          <style type="text/css">
    
            .sample {background:none!important;          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://guddes.com/sf/images/webhead_bg.png', sizingMethod='scale');
           
            }
    
            </style>
        <![endif]-->
    It won't work in IE9 though as although you can make it use the non standard filter is still won't let you click through in the way that IE8 and under do (even using the emulate meta tag doesn't produce the same results as the IE version it is proposed to emulate.)). It would have been safer to slice the curve in sections and avoid the stacking issues.
    Last edited by Paul O'B; Apr 17, 2011 at 08:33.


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
  •