- shishen changef
- position:relatives
- height:80px
- width:80px
- margin:4px
- margin-bottom: 20px
- padding:5px
- opacity:0.2;
- shishen change::afterf
- content:’’;
- background-image:url(../images/ban.png)
- position:absolute
- left:0
- top:0
- width:80px
- height:80px
- shishenchange是图片的样式,后面写伪类Q定位一张图片,图片ban.png如下:
3条回答 默认 最新
- 辉煌仪奇 2023-02-12 08:15关注
你好,看你的图片你是展示出了图片的效果的,不透明度0.2可以设置更小获得图片显示的最佳效果
按照你的思路我写了个demo,是可以实现你后面截图的效果的,
下面是参考代码,如有帮助,请点一下采纳,谢谢- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <style>
- .shishen {
- width: 300px;
- height: 300px;
- margin: 4px;
- margin-bottom: 20px;
- padding: 5px;
- opacity: 0.2;
- position: relative;
- }
- .shishen::after{
- content: '';
- background-image: url("./image/Picture11.jpg") ;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- </style>
- </head>
- <body>
- <div class="shishen">
- </div>
- </body>
- </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报衔叶为笙 2023-02-12 12:27感谢解答,但是问题不是这个
我根据你的代码写了一下demo,我已经找到答案了
原因是我把class写到标签,
不知道为什么写到img标签会显示不出,但是打开开发工具样式又是显示有效的赞回复
悬赏问题
- ¥15 fluentmeshing
- ¥15 手机/平板的浏览器里如何实现类似荧光笔的效果
- ¥15 盘古气象大模型调用(python)
- ¥15 传人记程序做的plc 485从机程序该如何写
- ¥15 已知手指抓握过程中掌指关节、手指各关节和指尖每一帧的坐标,用贝塞尔曲线可以拟合手指抓握的运动轨迹吗?
- ¥50 libwebsockets 如何添加其他socket事件回调
- ¥50 实现画布拖拽算子排布,通过flink实现算子编排计算,请提供思路
- ¥15 esium自定义材质拉伸问题
- ¥15 cmake+mingw使用<mysqlx/xdevapi.h>报错
- ¥15 eNSP中防火墙的使用