The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How can I? Links in a resizable background

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #37343

    I’m working on a website for a NPO I’ve never done any web design before this actual project. This is the website I’ve done :

    Since we’re moving into multiple languages I’ve done a Photoshop mockup of the home page which redirects to each language :

    I want the icebergs picture to be a re-sizable background. That works.. But for the links to the languages…

    – I’ve tried mapping my image, but this needs pixel perfection and when the window gets re-sized these are moved…

    – Then I tried overlaying images for each subsection but they won’t stick in the glassy effect box…

    – Then I tried separating the whole image where the effect is applied, since it’s an overlay effect over the wallpaper screen It doesn’t look good (the clouds don’t align).

    What I’d ultimately like is something like this :

    Is it possible keeping the style showed in the mockup? Could someone clarify or should I give up and go with a traditional box with opacity?

    Thanks in advance!

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.