Here is my code, sorry, not online now.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "viewport" content = "width = device-width, maximum-
scale = 1, user-scalable = no" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color:#333;
}
#holder {
position:absolute; width:250px; height:100px; left:50%; margin-
left:-125px; top:30px;
}
#img {
background-image:url('1.jpg'); background-repeat:no-repeat;
background-position:center center;
border: 5px #fff solid;
-webkit-background-clip: text;
font-family:Verdana, Geneva, sans-serif; font-size:90px; line-height:
100px; text-align:center;
color:rgba(255,255,255,0);
}
</style>
</head>
<body>
<div id="holder">
<div id="img">TEXT</div>
</div>
</body>
</html>
Could you have a look?
Thanks!
On 15 June, 23:04, Remi Grumeau <[email protected]> wrote:
> Ahh … didn't understand that "text" wasn't a normally supported value. Sorry,
> my mistake.
> Have a demo online of your code we can review?
>
> R.
>
> Le 15 juin 2010 à 23:03, ~QQ~ a écrit :
>
>
>
> > Thanks. But what I mean is to set "-webkit-background-clip" value as
> > "text".
>
> > I know that the value "border", "content" and "padding" is supported
> > by iPhone OS 1.0 and later, but on Apple's Safari CSS reference, it
> > said the value "text" is supported by Safari 4 and later version, and
> > didn't mention iPhone OS support it. So firstly I thought it is only
> > for desktop Safari. But today, when I view Apple's HTML 5 demo on
> > iPhone, I found it seems the "-webkit-background-clip: text" works
> > because all apple's typography demo works fine on my iphone. The
> > problem is when I test it by myself, it only works for desktop safari.
>
> > Really confused...
>
> > On 15 June, 20:36, Remi Grumeau <[email protected]> wrote:
> >> Here, it works on desktop Safari and Mobile
> >> Safarihttp://www.css3.info/preview/background-origin-and-background-clip/
>
> >> Font face toohttp://www.css3.info/preview/web-fonts-with-font-face/
>
> >> Can't tell if you combine both but it should work...
>
> >> Remi Grumeau
> >> (+33) 663 687 206http://www.remi-grumeau.com
>
> >> Le 15 juin 2010 à 19:03, ~QQ~ a écrit :
>
> >>> Just test the "-webkit-background-clip: text" on my iPhone, it doesn't
> >>> work (although it works fine on my desktop safari). But the
> >>> interesting thing is when I open Apple's HTML 5 demo page, in section
> >>> "typography" (http://developer.apple.com/safaridemos/showcase/
> >>> typography/index.html), the "-webkit-background-clip: text" works fine
> >>> on my iPhone. Even the "@font-face" works on iPhone as well because
> >>> the text definitely not using a iPhone native font. Does anyone can
> >>> explain this?
>
> >>> --
> >>> You received this message because you are subscribed to the Google Groups
> >>> "iPhoneWebDev" group.
> >>> To post to this group, send email to [email protected].
> >>> To unsubscribe from this group, send email to
> >>> [email protected].
> >>> For more options, visit this group
> >>> athttp://groups.google.com/group/iphonewebdev?hl=en.
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "iPhoneWebDev" group.
> > To post to this group, send email to [email protected].
> > To unsubscribe from this group, send email to
> > [email protected].
> > For more options, visit this group
> > athttp://groups.google.com/group/iphonewebdev?hl=en.
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
