есть ещё один полезный метод.
ради экономии мобильного трафика
можно и вовсе отказаться от графического изображения заголовка,
заменив его на текстовый, тоесть позволить Opera обрезать фоновые изображения
это так же полезно и в ситуации когда на "десктопе" по какой-то причине не догрузилось изображение
или вся графика и вовсе отключена...
и так, реализация метода:
создаём в шапке блок с текстовым заголовком и пустой контейнер
Code:
<div id="header">
<h1>
<a href="http://myopera.net/">MyOpera.Net
<span></span>
</a>
</h1>
...
</div>
далее остаётся только оформить эту конструкцию,
а именно выровнить контейнер (span) таким образом, что-бы он перекрывал заголовок...
Code:
#header h1 a span{
position:absolute;
width:100px;
height:50px;
top:0;
left:0;
background:transparent url("./header.png") no-repeat 0 0;
cursor:hand;
}
не стану полностью описывать оформление,
надеюсь и без того идея ясна -- теперь если отключены изображения или бэкграунды, то контейнер с прозрачным фоном (transparent) явит нам текстовый заголовок...
