www.webdeveloper.com
Results 1 to 3 of 3

Thread: PNG Problem

  1. #1
    Join Date
    Jul 2004
    Posts
    44

    PNG Problem

    I am trying but failing to get this to work. I have used a slider (bxslider)and made some changes to it so that I have my other slides visible.

    Then I have added a background png so that the right and left images are covered with a transparent png with around 80% opacity.

    Now the problem I am having is that because I have applied this image to the div it is now stopping the links being active.

    Can anyone help me get this right, I need the transparent png to be over the main viewport so the right and left images are not fully shown. If you view this url you will see what i mean:

    http://www.barryzimmerman.co.uk/new/

    When you see the text for each slide, it should be an active link to the website, but because of the png it is stopping this. I really want to achieve this, so any help much appreciated.

    The css files are here:
    http://www.barryzimmerman.co.uk/new/css/design.css
    http://www.barryzimmerman.co.uk/new/css/content.css

    Please help

  2. #2
    Join Date
    Mar 2011
    Posts
    1,139
    The problem is that you can't click through an image or any other element - even if they're transparent or empty. You need to use separate containers (presumably <div>s, but whatever...) to provide the translucent side panels and nothing over the center area. Good luck!
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Oct 2011
    Posts
    54
    maybe:
    HTML Code:
    #headergrnd {
    position: static;
    margin-top:-420px;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles