Полупрозрачная ленточка в углу сайта

1. Размещение ленточки

<style type="text/css">
#upperLeftCorner {   
display: block;   
position: absolute;   
left: 0;   
top: 0px;   
overflow: visible;   
width: 300px;   
height: 300px;   
margin: 0 0 0 0;   
padding: 0;   
z-index: 9999;   
border: none;   
float: none; 
} 
</style>

2. Доработки по размещению

сразу после открытия тега body разместите следующий код:


<div id="upperLeftCorner">

<img src="upperleftcorner.gif" border="0" style="filter:alpha(opacity=60);opacity: 0.60;-moz-opacity:0.60;">

</div>

filter:alpha(opacity=60) - этим стилем мы задаем видимость изображения на 60% для правильного отображения в Internet Explorer;

opacity: 0.60 - этот стиль задает видимость изображения на 0.6 из 1.0 для правильного отображения в браузере Opera;

-moz-opacity:0.60 - этим стилем задается видимость изображения на 0.6. из 1.0 для правильного отображения в Mozilla Firefox и др.

можете регулировать видимость изображения, изменяя параметр opacity в первом случае от 0 процентов(невидимый) до 100(абсолютная видимость), во втором случае от 0 единиц(невидимый) до 1.0(абсолютная видимость)