Palm WebOS CSS Targeting Hack?

Question

Хотя это не очень хорошая практика, я ищу CSS-хак для Palm WebOS.

Проблема в том, что Safari 3+ является удивительным, и я могу делать некоторые вещи, такие как анимация градиентного фона в тексте, но только в Safari.

Прямо сейчас я использую @media screen and (-webkit-min-device-pixel-ratio:0) {}, и он работает как шарм, не Opera, Firefox или что-то еще, потому что если я установлю фон на изображение, как в Safari, все они будут разрушены.

Но браузер Palm основан на webkit, и он использует правила внутри, а браузер Palm не поддерживает текстовые фоны, поэтому все, что я получаю, - это перемещение изображения, без текста.

Я бы предпочел CSS-хак, но, если нужно, будет Javascript.

Answer 1

Самый простой способ, с которым я когда-либо сталкивался, - это CSS Browser Selector plugin. У вас есть один файл CSS и укажите его целевым браузерам с селектором, например

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

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

Прекрасно подходит для меня!

Надеюсь, это поможет вам.