Palm webOS CSS 目标黑客攻击?

发布于 2024-09-06 07:06:26 字数 378 浏览 5 评论 0原文

虽然这不是一个好的做法,但我正在寻找针对 Palm webOS 的 CSS hack。

问题是 Safari 3+ 太棒了,我可以做一些事情,比如文本上的渐变背景动画,但仅限于 Safari。

现在我使用 @media screen 和 (-webkit-min-device-pixel-ratio:0) {} 它的工作原理就像一个魅力,没有 Opera、Firefox 或其他任何浏览器,因为如果我设置图像的背景就像我在 Safari 中所做的那样,它们都会被毁掉。

但是Palm的浏览器是基于webkit的,它使用里面的规则,而且Palm的浏览器不支持文本背景,所以我得到的只是移动的图像,没有文本。

我更喜欢 CSS hack,但如果需要 Javascript 也可以。

Although it is not good practice, I am looking for a CSS hack to target Palm webOS.

The problem is that Safari 3+ is awesome, and I can do some things like gradient background animations on text, but only in Safari.

Right now I use @media screen and (-webkit-min-device-pixel-ratio:0) {} and it works like a charm, no Opera, Firefox, or whatever, because if I set the background to the image as I do in Safari they will all be ruined.

But Palm's browser is based on webkit, and it uses the rules inside, and Palm's browser doesn't support text backgrounds so all I get is the image moving, no text.

I would prefer a CSS hack, but if need be a Javascript one will do.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

铜锣湾横着走 2024-09-13 07:06:26

我发现的定位浏览器的最简单方法是 CSS 浏览器选择器插件。 这样的选择器来定位浏览器。

.ie .myelement div 
{ 
border: 1px #ccc solid; 
}

.webkit .myelement div
{
border: 1px #f0f dashed;
}

你有一个 CSS 文件,并告诉它使用像Works very for me!

希望它能帮助你。

Easiest way I've ever foundof targeting browsers is the CSS Browser Selector plugin. You have one CSS file and tell it to target browsers with a selector like

.ie .myelement div 
{ 
border: 1px #ccc solid; 
}

.webkit .myelement div
{
border: 1px #f0f dashed;
}

Works great for me!

Hope it helps you out.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文