css - 有什么方法可以用元素将背景设为 "cut"?

标签 css background cut

我需要通过以下方式剪切带有标题的 div 的背景:

虽然它可以在纯色背景上轻松实现(通过将元素设置为内联 block 并使用与主元素相同的背景颜色),但当背景是图像时它并不真正起作用:

是否可以在第二个示例中实现相同的效果?

最佳答案

CSS3 解决方案是 http://dabblet.com/gist/2788465 - 它使用最少的标记和样式。

另一种也适用于 IE9 的解决方案 http://dabblet.com/gist/2788690

还有一个也适用于 IE7 和 IE8 http://jsfiddle.net/thebabydino/Njtzb/

关于css - 有什么方法可以用元素将背景设为 "cut"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10755949/

相关文章:

google-chrome - CSS 多背景工作不一致

javascript - 变换缩放后控制图像质量

ios毛玻璃逻辑

WPF 重复图像背景

shell - 如何在 bash 中按制表符拆分字符串

linux - 不带文件扩展名的 wc -l 输出

r - 如何使用多边形切割砖 block ?

JavaScript - 类切换正在删除类而不是在下次单击时添加

html - 我想设计我的表格,如图所示

css - 具有指定 HTML id 的 Html.ActionLink?