为什么你不能用这样的东西创建格仔背景?
background-color:#ccc;
background-image:linear-gradient(90deg, transparent 50%, #aaa 50%),
linear-gradient(90deg, #aaa 50%, #ccc 50%);
background-size:50px 50px,50px 50px;
background-position:0 0, 0 25px;
Run Code Online (Sandbox Code Playgroud)
我们的想法是在条纹方块的底部叠加交替的颜色.它不起作用,但它似乎应该.
我想在这里创建像图像上的HTML元素:

一个问题是DIV元素有多边形而不是常规矩形,将被放置在其他元素之上,如弹出窗口和内部元素,有必要在源中显示矩形形状的图像,但在网上显示像填充所有包含三角形的空间在左侧.
您认为有没有可能意识到没有准备将图像显示为适当多边形格式的透明PNG?只能通过CSS3转换或使用canvas或SVG?
我想做一个div,底部有一个三角形.但我需要三角形上的背景图像出现,我尝试使用伪元素(:after)但它不起作用.
#homebg:after{
content:'';
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-top: solid 50px #fff;
border-left: solid 48vw transparent;
border-right: solid 48vw transparent;
}
Run Code Online (Sandbox Code Playgroud)