SitePoint Sponsor

User Tag List

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

    Can CSS fix my Zoomed photo from being clipped?

    This is my first Post

    Can CSS fix my Zoomed photo from being clipped?

    The site is yet not LIVE to share a link with you.

    I am using a javascript Zoomed photo effect on a site.
    Roll the mouse over and the photo is enlarged by 3 times.

    But this zoomed version of the image is being clipped by the various
    DIV containers that the image is starting from.

    Is there some CSS that will allow the zoomed image to overflow past the boundary of the containing DIVs?
    I thought the default for the OVERFLOW rule is to display past the boundary.

    Any thoughts on what I can try to get this to work?
    The site is yet not LIVE to share a link with you.

    Thanks

  2. #2
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    You can use relative positioning and a z-index to modify the stacking order and put your image to the front. Also make sure that the problem isn't occurring to do a container having overflow:hidden set on it.
    Maleika E. A. | Rockatee | Twitter | Dribbble




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
  •