Css 如何使div透明？

CSS是否提供了在角落处显示背景图像的选项a

透明

而不是在（）中显示白色背景

避免白色区域

#octagon {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
    margin: 50px auto 0;
}

#octagon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 29px solid red;
    border-left: 29px solid red;
    border-right: 29px solid #eee;
    width: 42px;
    height: 0;
}

}

}

对利润率进行了微小的更改和调整

CSS：

body{
    background: url(http://placehold.it/350x150&text=FooBar1) repeat;
}
#octagon {
    width: 100px;
    height: 71px;
    background: red;
    position: relative;
    margin: 99px 10px 0px 100px;
}

#octagon:before {
    content: "";
    position: absolute;
    top: -29px;
    left: 0;
    border-bottom: 29px solid red;
    border-left: 29px solid red;
    border-right: 29px solid transparent;
    width: 42px;
    height: 0;
}

对利润率进行了微小的更改和调整

CSS：

body{
    background: url(http://placehold.it/350x150&text=FooBar1) repeat;
}
#octagon {
    width: 100px;
    height: 71px;
    background: red;
    position: relative;
    margin: 99px 10px 0px 100px;
}

#octagon:before {
    content: "";
    position: absolute;
    top: -29px;
    left: 0;
    border-bottom: 29px solid red;
    border-left: 29px solid red;
    border-right: 29px solid transparent;
    width: 42px;
    height: 0;
}

---

对于透明边框，您可以修改#八角形：在右边框之前

border-right: 29px solid rgba(0,0,0,0.5);

这不会给你想要的效果，因为在后面有一个元素已经有了背景色，所以做这件事和工作的唯一方法是在代码中添加一些js，例如：

---

对于透明边框，您可以修改#八角形：在右边框之前

border-right: 29px solid rgba(0,0,0,0.5);

这不会给你想要的效果，因为在后面有一个元素已经有了背景色，所以做这件事和工作的唯一方法是在代码中添加一些js，例如：

---

u添加样式不透明度：0.6@Deepak Saralaya实际上根本不需要显示白色。需要显示基本上，不可能。伪元素包含在主对象中，因此将始终具有相同的背景。@Paulie_D是否有任何选项在拐角处制作一个形状并将其放置在右侧：-20px，显示

div

的外侧！u添加样式不透明度：0.6@Deepak Saralaya实际上根本不需要显示白色。需要显示基本上，不可能。伪元素包含在主对象中，因此将始终具有相同的背景。@Paulie_D是否有任何选项在拐角处制作一个形状并将其放置在右侧：-20px，显示

div

的外侧！不，这是科特尔。是的，它使那个角落透明，但不完全透明。这允许红色显示出来。我相信OP希望看到文本的渗透…而不是syre这是cortect。是的，它使那个角落透明，但不完全透明。这允许红色显示出来。我相信OP希望看到文本的渗透。。。