图片模块右上角添加hot、news小图标

1.图片模块右上角添加hot、news小图标，类似下方图片

用的css方法是z-index、子绝父相
将父元素position：relative
小图片position：absolition
代码如下
html

 <img class="jinpinbg" src="data:images/index/icon1-2.png" alt=""><img class="hoticon" src="data:images/index/hot2.png">

css

.hoticon {position: absolute;z-index: 1;top: 0px;right: 0px;
}

图片模块右上角添加hot、news小图标相关推荐

Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
favicon自动获取_友情链接前面自动获取并添加favicon.ico小图标
之前看到可风博客底部友情链接都加了ico小图标,感觉很新颖,很好看.于是乎我也开始折腾,我不想每次添加友情链接的时候都得手动的去添加ico图标的小链接,浪费时间,然后就百度了以下,还真有教程,然后我就 ...
VB.NET写的简单图片缩放处理组件源代码,支持添加半透明效果小图标(转）
Imports System Imports System.Drawing <ComClass(dImage.ClassId, dImage.InterfaceId, dImage.Events ...
CSS从一个png图片里取出(截取)里面的小图标
css文件 .icon {background: url(icon.png) no-repeat; /*url为png图片的路径*//*width和line-height分别对应每个小图标的宽和高*/ ...
Vant 库中如何给 List 列表组件的 cell 中左右两边来添加小图标？
Ⅰ.问题描述: 1.Vant 中 List 列表的使用是方便且常用的,但如何给 List 组件中添加小图标而达到想要的效果呢? 2.图例展示: 其一.想要在 Vant 的 List 组件右边添加播放 ...
CSS 网站小图标雪碧图
https://www.jianshu.com/p/7482dde882af 网站开发90%会用到小图标, 多小图标调用显示是前端开发常见的问题:目前小图标显示常见有两种方式(其他方式欢迎补充):1. ...
jquery easyui iconcls（小图标）属性的设置
jquery easyui iconcls(小图标)属性的设置今天用easyui做accordion的时候,觉得它自带的图标不够漂亮,想换成自己的图标,可是菜鸟我不知道怎么设置,上网查找,因为问题太 ...
html中图片只是一个小图标,如何用css显示一个图片中多个小图标？
去搜一下css中background的用法,一切尽在其中. 最重要的一点是你要了解背景图片在控制项中显示的起始位置,控制项的高度,宽度. 以下是简要分析,你还要实践一下才能掌握真谛: 对一个宽度40 ...
如何给网页标题添加icon小图标
今天给大家分享的是如何在网页标题中加入小图标,就像CSDN前面那个红色的C一样. 主要介绍两种方法: 1.在html文件的head部分添加下面代码(注意href的路径). <link rel=& ...

图片模块右上角添加hot、news小图标

图片模块右上角添加hot、news小图标相关推荐

最新文章

热门文章