Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    There is variation in your code... radius values are vary for webkit and other...

    Code:
    #block-itunes { -webkit-border-bottom-right-radius: 20px; 	-webkit-border-bottom-left-radius: 20px; 	-moz-border-radius-bottomright: 10px; 	-moz-border-radius-bottomleft: 10px; 	border-bottom-right-radius: 10px; 	border-bottom-left-radius: 10px; 	overflow: hidden; 	 clear: both;  	-webkit-box-shadow: 0px 2px 5px #888; 	-moz-box-shadow: 0px 2px 5px #888; 	box-shadow: 0px 2px 5px #888; }


  •  

    Posting Permissions

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