Делается это довольно легко, используя приятное во всех отношениях position: relative
Вот реальный пример демонстрирующий данную возможность:
Обратитет внимание, кликая правой клавишей по свойствам в пределах зеленой рамочки, мы обнаруживаем что это изображение, если кликаем от зеленой до коричневой рамочки, то понимаем, что это flash!
Пример ко всему прочему демонстрирует возможность изменять ссылку на flash банер средствами CSS!
Код на обозрение:
<div style="border: #FF9900 3px dotted; width: 400px; height: 200px;">
<object
id="swf">
<embed
src="/uploads/storys_files/2006.03.15_15.55.30/123.swf" loop="true"
quality="high" wmode="transparent" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" height="200"
width="400">
</object><a
href="#"><img src="http://yapro.ru/uploads/users/1/2010/12/16/782d4b5d3c55bdc50619b8aa141b4ecc.gif"
height="170" width="350" style="border: #99FF00 3px
dotted; position: relative; top: -190px; left: 20px; margin-bottom: -170px;
z-index: 1;"></a>
</div>
Комментарии