css – 透明度头痛

我刚制作了一张图片,为您提供了一个理解我的问题的视觉示例.

html example (jsfiddle)

正如您所看到的,我有一个活跃的箭头,其目的是沿着内容列循环.但是,我希望标题背景中的透明度,而不是删除我的白色背景时的内容.

是否有任何技巧可以在我的内容背景中刻录到达我的标题的背景？

我做了一个额外的图像以获得更好的视图：

注意：我使用图案作为背景,而不是纯色.

解决方法

我最初的想法是内容区域的背景,其中有一个透明的三角形.然后对内容应用负边距然后将内容的位置设置为relative,并将其top属性设置为负值,并将标题的底部填充设置为相同的量.

有类似的东西吗？ http://jsfiddle.net/sT53s/

原文地址：https://www.jb51.cc/css/215597.html