www.webdeveloper.com
Results 1 to 3 of 3

Thread: CSS3 creating buttons with gradient background not working in phone browsers

  1. #1
    Join Date
    Sep 2006
    Location
    Wixom, MI
    Posts
    292

    CSS3 creating buttons with gradient background not working in phone browsers

    I have successfully used several css3 techniques to get buttons with gradient backgrounds based on span tags with class ids etc

    However in the phone browsers the buttons are only partially filled the outline is there the text is there but the gradient background only shows uo over part of the button

    Has anyone else experienced this and found a solution

    I can post code I am using if it would help

    I have attached a screen cap from the iphone viewing the page with the issues
    Attached Images Attached Images
    Last edited by BWWebDesigns; 04-10-2012 at 01:55 AM. Reason: adding screen capture
    OriginalFundRaisingWidget - Free "Non Commercial" PayPal FundRaising Widget, for Charities, Organizations and Individuals, Hosted Free. Check It Out

  2. #2
    Join Date
    Mar 2011
    Posts
    1,108
    The code might help, but I have a feeling that this is a bug in the iPhone version of Safari. If the code works in the desktop version, that would go a long way toward confirming where the problem lies.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Dec 2005
    Posts
    2,984
    Looks to me like somebody simply forgot to repeat-x their background.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles