The following code works fine on an ordinary web browser, but turns to a
pale rectangle with the darker right side missing when I test it on my
iPhone. Can anyone figure out why?
/* ====== start blue gradient footer ====== */
.bb {background:#A8DBEC;}
.bboxb {background:#F6FCFF;}
.bbox {color:#92CFED;
height:.5em;
margin:1.5em 2em 1.5em 0;
/* For WebKit (Safari, Google Chrome etc) */
background:-webkit-gradient(linear, left top, right top, from(#F6FCFF),
to(#F6FCFF), color-stop(1, #92CFED));
/* For Mozilla/Gecko (Firefox etc) */
background:-moz-linear-gradient(left top, #F6FCFF, #92CFED 100%);
/* For Internet Explorer 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#F6FC
FF, endColorStr=#92CFED, GradientType=1);
/* For Internet Explorer 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=
#92CFED, endColorstr=#F6FCFF, GradientType=1)";}
/* ====== end blue gradient footer ====== */
... goes with HTML ...
<div class="bbox bboxb"></div>
--
- Keith
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
