HTMLページでは、CSSプロパティ "float"を使用してテキストをイメージの周りに流すことができます。しかし、これはイメージの矩形だけを考慮し、イメージの透明な領域は考慮しません。私は今、円形のロゴのような完全な透明性の広い領域を持つ画像を持っていて、境界の長方形ではなく、そのロゴの円の輪郭の周りを流れるようにします。少なくとも画像のテキストに面する側。HTMLテキストを画像の周りで、透明性に関して流す方法はありますか？
私はCSSがおそらくそのタスクには適していないことを知っています。しかし、隠されたdivや、同じ（または同様の）効果を達成できる何かの回避策がありますか？誰かがすでにこのようなことを見たことがありますか？
私は今、そのためのPHP関数を書いています。 PNG画像を受け取り、<div>要素を生成して、画像の矩形以外の形でテキストを流します。
タグ、JavaScript、またはその両方の大きな混乱を起こすことなく簡単に行うことができますか？私が考えることができる1つの方法は、より大きなzindexに画像を配置し、その背後にdivまたはdivを配置し、テキストがそれらの周りを流れることです。透過領域を除外した小さな四角形を使用するのが最も簡単です。しかし、なぜ画像を切り抜くだけではないのですか？または、背後にある浮動小数点のdivを浮動小数点数にすることもできますが、かなり醜いものになると思います。または、各テキスト行をspan/divに配置し、それらを手動またはjsで配置することもできます。他の1つのアイデアは、わかりません：かもしれない可能これを行うにはsvgを使用します。しかし、クイック検索はあまり有望なエーテルを示していません。
実験的で複雑なことを何らかの方法で行っているときに、これを行うにあたっては、ほとんどのブラウザでうまく機能するようにするには非常に大きな苦痛があります。
あなたは（http://www.theboxoffice.be/index.php）[ボックスオフィス]を試してみるかもしれないし、それはあなたがいた正確に何をしていない場合：あなたはここにコードを見つけることができますあなたは少なくともそこに技術を適応させることができるかもしれないと思っています。 – lsuarez
関連ビデオ：http://blogs.adobe.com/designandweb/2010/10/improving-the-web-for-digital-publishing.html主流のブラウザエンジンがそれをするのを待つことはできません。 – user123444555621