有什么稳定的方法可以用CSS创建一个像这个图片一样的倾斜div?

我想创建一个像这样的部分,我已经做了类似的psuedo元素在一个方向上,但从来没有像这样的点,想知道是否有一个更好的更稳定的方法(在ie中工作)? 在蓝色部分也会有内容。

enter image description here

解决方案:

一种方法是将图片导入为jpg,设置z-index,使其远远落后于文档的其他部分,确保display属性将其从流程中移除,然后在图片中建立你的内容。下面的例子。

<!DOCTYPE html>
<div>
    <img style="z-index: -10; position: absolute;" src="./FMbOL.jpg">
    <p>Hello</p>
    <p style="text-align: center;">Hello Hows it going</p>
    <p>Hello How are you!</p>
</div>

</html>

这段代码会产生这样的效果

https:/gyazo.com7df23ebdcde8f1b01e46ff3e6912f46c。

给TA打赏
共{{data.count}}人
人已打赏
未分类

在CSS中,background-image不显示图像。

2022-9-8 8:26:37

未分类

haproxy可以添加客户端ssl证书吗?

2022-9-8 8:26:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索