Круглая активная область

может я что не понял..но чо мешает на картинку наложить область в дримвиве?

FreeLancer, мешает суть вопроса: человек хочет круглый ДИВ с любым содержимым, насколько я понял

По-моему тут только 2 выхода. Один предложенный выше, очень громоздкий. Либо использование флеша

Ну есть еще один, предложенный bearman'ом, вправить дизайнеру мозг, всётаки реальные задачи нужно ставить :)

WoR, если спозиционировать один див над другим. На нижнем текст, на верхнем прозрачный gif.

Не вариант?

ЗЫ Хотя, если пользователь будет работать с нижним слоем, то способ не подходит.

ЗЗЫ В CSS3 у дивов есть закруглённые углы, делайте с CSS3 :)

Каков процент брузеров, поддерживающих CSS3 сейчас? :)

А фиг его знает, раз, два и обчёлся. Да и те, которые поддерживают, делают это минимально 😒.

Но мы в будущее смотрим с оптимизмом, там очень много плюшек.

Вот идея с CSS3 неплохая.

Насчет кроссбраузерности, есть экспериментальная библиотека для создания скругленных уголков от Сергей Чикуёнка. Сам я не пользовался, не люблю сильно наворачивать со скриптами.

Но эта библиотека мою проблему не решает. Простое применение CSS3 идеально работает только в Chrome и Safari, в Firefox текст вылезает за границы:

[ATTACH]69347[/ATTACH]

<div style="
-moz-border-radius:150px;
-webkit-border-radius:150px; 
border-radius:150px;
border:3px solid red;
background:#ddd;
width:300px;
height:300px;
overflow:hidden;
">
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 
</div>