css - Palm webOS CSS 定位黑客？

Question

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

问题是 Safari 3+ 很棒，我可以在文本上做一些渐变背景动画，但只能在 Safari 中。

现在我使用@media screen and (-webkit-min-device-pixel-ratio:0) {}它就像一个魅力，没有 Opera、Firefox 或其他任何东西，因为如果我像在 Safari 中那样为图像设置背景，它们都会被毁掉。

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

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

Answer 1

我找到的针对浏览器的最简单方法是CSS Browser Selector 插件。你有一个 CSS 文件，并告诉它使用一个选择器来定位浏览器，比如

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

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

对我有用！

希望它可以帮助你。