treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Box #4 in Rounded Corners??

  • I like the way that box #4 operates in the latest videocast, Rounded Corners .

    Real simple but I have a problem with it in both IE7 and FF2/3.

    When I put the box with rounded corners on my screen with an image background,
    the corners show as rounded OK but the background on the corner is white. Doesn't
    blend in very well with the page.

    Any way to get around this?

    Al
  • Use a transparent png for your images.
  • Box #4 in Rounded Corners does not use any images, it is using a jquery 'corner' function
    to create the corners.

    Al
  • I notice if I use a solid color background (for example, pink) in place of the background image, then
    the corners are colored in with the color specified, but not if I use a background image repeated to
    cover the full page.

    Al
  • Sounds like the plugin is smart enough to detect the background color the corners are sitting on top of, but it can't figure that out if it's sitting on top of an image that is using a different color. I'd say just make sure you use a flat color and make sure to set the background color of the page element directly beneath the element getting rounded corners to match.
  • "al_m473" said:
    Box #4 in Rounded Corners does not use any images, it is using a jquery 'corner' function
    to create the corners.

    Al


    Sorry - I misunderstood your question.