Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthordejan
    • CommentTimeMar 12th 2007
     permalink
    hi
    i have one div (call it div1) with some images on it, that has to be links, and over it another div with transparent bg so those images from div1 can be seen. z-index if div1 is like 1 and z-index of this div over is is 2, how those images can be clickable?
    • CommentAuthordejan
    • CommentTimeMar 14th 2007
     permalink
    anyone ?
    • CommentAuthorkyko
    • CommentTimeMar 14th 2007
     permalink

    I don't know as much as some people here but I think this is impossible. Think about it: if you have a div over a link, how are you supposed to click it? that isn't logical. are you trying to make the images faded? if so you can use

    div {
      opacity: .5;
      filter: alpha(opacity=50);
    }
    

    this filter is for IE of course. Opacity less than 1.0 makes the div and everything in the div less opaque so if that is what you are going for this is a much better way.

    • CommentAuthordejan
    • CommentTimeMar 15th 2007
     permalink
    hi

    thanks for your comment
    well right now only solution i've had is to add some new absolute divs over new layer, but it's a bit stupid isn't it
  1.  permalink
    Why would you want a div with links in and, and then another div over it? I cant undertand the reason?

    are you trying to do something similar to this?

    http://www.vickypetersen.com/downloadsCSS.shtml

    ?
    • CommentAuthordejan
    • CommentTimeMar 17th 2007
     permalink
    hi

    because i need those image like round and dynamic
  2.  permalink
    perhaps you can post a link to an image somewhere, as i dont think many of us actually understand what you are trying to do...but there has to be a better way!
    •  
      CommentAuthortsk
    • CommentTimeMar 18th 2007
     permalink
    dejan,

    You may achieve that (probably) with IE but a transparent image / swf over a group of links will make them unclickable in Firefox as a result of Mozilla's Geko engine behavior.

    Secondly, I don't understand why you'd like to hide links under a semitransparent /transparent div. It will cause you more problems that it will solve. If we understood wrong, please post an example of what you are trying to achieve.
    • CommentAuthoravnish
    • CommentTimeJul 23rd 2008
     permalink
    This code is a result of my recent inspiration and chronic frustration regarding the presentation of images and photo captions on web pages. Below, you'll find 8 different image zoom techniques, all of which are demonstrated on their own page & include cut'n-paste CSS/HTML code. it's better to set them as backgrounds like described in my code samples,
    because first: this way you're separating the content from visual appearance; second:
    background images load after the content is loaded, and this is the correct order of
    loading - you should let your visitors read the introduction and see some content on the
    index page while they wait for all images to load.
    Rocky
    [url]http://www.widecircles.com[/url]
Add your comments
    Username Password
  • Format comments as (Help)