Моя конкретная проблема заключается в том, что я пытаюсь реализовать это в JQuery Mobile:
http://www.rwe -uk.com / блог / комментарии / ichat_like_speech_bubbles_with_css_3
Происходит следующее: я вижу, что страница выглядит идеально примерно полсекунды, а затем JQuery Mobile превращает ее в серый цвет.
Наверное, более общий вопрос: как заставить JQuery Mobile оставить часть страницы в покое?
Я много гуглил по этому поводу, я видел предложения по использованию Themeroller, но я не вижу, как я мог бы использовать это для установки этих конкретных стилей.
Я также пытался использовать data-role = "none", но, похоже, это работает с элементами формы.
EDIT:
Вот код:
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="http://www.rwe-uk.com/static/ichat_with_css3/style_5.css" />
</head>
<body>
<div data-role="page">
<div class="commentArea">
<div class="bubbledLeft">
Hi
</div>
<div class="bubbledRight">
Hi there yourself
</div>
</div>
</div>
</body>
</html>
Если я удалю строку сценария jQuery Mobile, она будет работать нормально.