在另一个z-index图层中的固定溢出元素周围移动文本

Question

情况:我的模板中有一个固定的图像,它溢出了内容.因为它是固定的,有时图像溢出文本.有没有一种方法可以解决这个问题并使文本绕过图像,就好像它float在内容div中一样.

请参阅html示例.

CSS答案是首选,Javscript/jQuery答案是可以接受的.

一些额外的细节:

• 内容是随机的.它可以是长,短,包含图像并具有HTML.
• 在#cloud有留在与任何内容相同的位置.

这个问题在现场网站上不再可见,因为它是通过将#cloud放在较低的z-index层来解决的.

Answer 1

您正在寻找的内容称为CSS 排除和形状。这是相对较新的并且没有被浏览器广泛支持。您可能还对这篇有关 CSS 排除的精彩文章感兴趣。