博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ImageTag,图片左上侧有一个小标签
阅读量:5813 次
发布时间:2019-06-18

本文共 568 字,大约阅读时间需要 1 分钟。

这实现思路其实很简单

需求:

1. 图片比原来的<div>大,需要切割图片。
2. 图片左上角显示标签

解决思路:

1. 把照片设置成div的backgroundImage,然后用CSS3切割图片。

.gobalPostImgHeaderCentered {
display: inline-block; width: 170px; height: 130px; background-position: center center; background-size: cover;}

2. 把小标签的Position设置在母DIV的左上角

.gobalPostImgTag {
background-color: #262626; color: #ffffff; width: 45px; height: 22px; position: absolute; top: 0; left: 0; text-align: center;}

 

posted on
2017-12-29 11:34 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/chenkuang/p/8143643.html

你可能感兴趣的文章
虚拟机新增加硬盘,不用重启读到新加的硬盘
查看>>
Java IO流详尽解析
查看>>
邮件服务系列之四基于虚拟用户的虚拟域的邮件系统(安装courier-authlib以及部分配置方法)...
查看>>
Linux VSFTP服务器
查看>>
DHCP中继数据包互联网周游记
查看>>
Squid 反向代理服务器配置
查看>>
Java I/O操作
查看>>
Tomcat性能调优
查看>>
项目管理心得
查看>>
Android自学--一篇文章基本掌握所有的常用View组件
查看>>
灰度图像和彩色图像
查看>>
通过vb.net 和NPOI实现对excel的读操作
查看>>
TCP segmentation offload
查看>>
java数据类型
查看>>
数据结构——串的朴素模式和KMP匹配算法
查看>>
FreeMarker-Built-ins for strings
查看>>
验证DataGridView控件的数据输入
查看>>
POJ1033
查看>>
argparse - 命令行选项与参数解析(转)
查看>>
一维数组
查看>>