Results 1 to 3 of 3

Thread: CSS Problem with rounded corners in chrome

  1. #1
    Junior Member
    Join Date
    Jul 2011
    Posts
    1

    CSS Problem with rounded corners in chrome

    hello , i have been trying to create a sort of image slideshow. the problem is that in firefox it displays correctly
    with rounded corners , but in chrome the rounded corners ( using css3 ) are being 'hidden' at the back although it is there .
    here's a demo of my work :
    http://anisa.me/work/
    Any help would be highly appreciated .

  2. #2
    Banned
    Join Date
    Jul 2011
    Posts
    44

    Re: CSS Problem with rounded corners in chrome

    I have firefox 3.6.11 for Ubuntu. And it doesnt show rounded corners. If that helps you any
    Code:
    {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
    http://stackoverflow.com/questions/1...-google-chrome
    Last edited by [THC]AcidRain; 07-31-2011 at 07:26 AM.

  3. #3
    Administrator Specific's Avatar
    Join Date
    Dec 2010
    Posts
    184

    Re: CSS Problem with rounded corners in chrome

    Quote Originally Posted by johnsdk View Post
    hello , i have been trying to create a sort of image slideshow. the problem is that in firefox it displays correctly
    with rounded corners , but in chrome the rounded corners ( using css3 ) are being 'hidden' at the back although it is there .
    here's a demo of my work :
    http://anisa.me/work/
    Any help would be highly appreciated .
    There is nothing wrong with your CSS. The problem is the images are covering the rounded corners because #block-itunes has no padding. Add padding:10px; and that should fix it.

Posting Permissions

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