相关疑难解决方法(0)

使用CSS创建方格背景

为什么你不能用这样的东西创建格仔背景?

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)

我们的想法是在条纹方块的底部叠加交替的颜色.它不起作用,但它似乎应该.

css

9
推荐指数
3
解决办法
5190
查看次数

如何创建多边形形状div

我想在这里创建像图像上的HTML元素:

图像应该填满整个多边形是这样的...

一个问题是DIV元素有多边形而不是常规矩形,将被放置在其他元素之上,如弹出窗口和内部元素,有必要在源中显示矩形形状的图像,但在网上显示像填充所有包含三角形的空间在左侧.

您认为有没有可能意识到没有准备将图像显示为适当多边形格式的透明PNG?只能通过CSS3转换或使用canvas或SVG?

html css svg css3 css-shapes

8
推荐指数
2
解决办法
9549
查看次数

底部有三角形的div与背景图像

我想做一个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)

我需要div使用background三角形中的图像显示: 带*背景图像的div*和底部的全宽三角形

html css svg css3 css-shapes

8
推荐指数
2
解决办法
3182
查看次数

标签 统计

css ×3

css-shapes ×2

css3 ×2

html ×2

svg ×2