SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2007
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Semi-transparent containers with rounded corners

    As the topic says I want to create a container that will be semi-transparent with a degrade color and with round corners.
    What is the best way to do it (in a way that it is fully browser compatible)?
    Than you very much.

  2. #2
    SitePoint Addict telos's Avatar
    Join Date
    Mar 2005
    Location
    192.168.2.34
    Posts
    279
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It depends on whether or not you absolutely have to have it in all browsers. You can use some CSS3 properties, which work in Firefox, Safari and others, but doesn't work in IE. Otherwise, you'll have to do either some hacks or a bunch of extra divs or other elements.

    Check out http://www.css3.info/preview/rounded-border/
    I usually do a semi-transparent GIF as the background image, but it doesn't work in all browsers.


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
  •