ImageTag,图片左上侧有一个小标签

这实现思路其实很简单
需求:
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:;
    left:;
    text-align: center;
}
ImageTag,图片左上侧有一个小标签的更多相关文章
- 3月题外:关于JS实现图片缩略图效果的一个小问题
		由于3月可能要结束实习,所以应该不会有特别固定的主题,另外我会在月初陆续补上上个月的番外篇Projection和TMS,作为介绍性的内容对矢量切片部分进行补充,剩下时间不定期写一些杂烩. 最近两天在做 ... 
- wxPython缩放图片控件的一个小例子
		前几天写程序的时候,想有个自适应的图片控件,但是一直没有找到合适的解决方案.今天终于解决了这个问题,发在这里,以供参考. 程序截图: 文件下载地址: http://files.cnblogs.com/ ... 
- 用struts2标签如何从数据库获取数据并在查询页面显示。最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变量。
		最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变 ... 
- Pygame:编写一个小游戏                                                                                                         标签:               pythonpygame游戏                                            2017-06-20 15:06             103人阅读              评论(0)
		大学最后的考试终于结束了,迎来了暑假和大四的漫长的"自由"假期.当然要自己好好"玩玩"了. 我最近在学习Python,本意是在机器学习深度学习上使用Python ... 
- 前端开发HTML&css入门——常用的标签以及一个小练习
		meta标签 <!doctype html> <html> <head> <meta charset="utf-8" /> < ... 
- 关于H标签 DL DT  DD标签的一个小故事
		看了一篇关于SEO论坛的论文,大概故事内容是:一个专业的销售公司,里面SEO 技术多多,可就是销售网站的SEO的情况极为恼火.这天,老板又招到了一个SEO,直接聘为SEO主管全权负责网站的SEO,并 ... 
- Slog71_选取、上传和显示本地图片GET !(微信小程序之云开发-全栈时代3)
		ArthurSlog SLog-71 Year·1 Guangzhou·China Sep 12th 2018 ArthurSlog Page GitHub NPM Package Page 掘金主页 ... 
- Redola.Rpc 的一个小目标
		Redola.Rpc 的一个小目标 Redola.Rpc 的一个小目标:20000 tps. Concurrency level: 8 threads Complete requests: 20000 ... 
- UniversalImageLoader的一个小问题
		最近在使用UniversalImageLoader时遇到了一个小问题,多个地方同时通过ImageLoader.getInstance().loadImage(url, new ImageSize(dp ... 
随机推荐
- JPA#Interfaces总结
			_开局一张图,内容全靠编 震惊:某小白熟练使用了JpaRepository和JpaSpecificationExecutor,就在简历上写下了,精通SpringData Jpa. 震惊,如果想熟练的使 ... 
- 二十九、SAP中输出漂亮的表格
			一.代码如下 二.输出效果如下 *&---------------------------------------------------------------------* *& ... 
- swift中数据之间的转换
			1.swift 开发 - NSDictionary与NSData互转.Dictionary与Data互转 https://blog.csdn.net/SuperMageHuang/article/de ... 
- K最邻近算法(下)
			import numpy as np import matplotlib.pyplot as plt from sklearn.datasets import make_blobs from skle ... 
- segger rtt 输出 log
			调试 mcu 的时候,使用 jlink 的 rtt 可以方便的输出信息. 输出有两种模式, client 和 logger. client 必须依附其他程序,比如说 mdk 调试状态,或者 logge ... 
- wget 403 forbidden
			CMD: wget --user-agent="Mozilla" down_url wget -U Mozilla 下载地址 wget -U NoSuchBrowser/1.0 下 ... 
- 十三、CI框架之数据库插入操作
			一.CI的数据库插入代码如下: 二.数据库原数据如下: 三.访问网站之后,会显示相关输出 四.我们查看数据库,会增加一条数据 不忘初心,如果您认为这篇文章有价值,认同作者的付出,可以微信二维码打赏任意 ... 
- 吴裕雄--天生自然TensorFlow2教程:张量限幅
			import tensorflow as tf a = tf.range(10) a # a中小于2的元素值为2 tf.maximum(a, 2) # a中大于8的元素值为8 tf.minimum(a ... 
- 201771010123汪慧和《面向对象程序设计Java》第十六周实验总结
			一.理论部分 1.程序与进程的概念 ‐程序是一段静态的代码,它是应用程序执行的蓝本. ‐进程是程序的一次动态执行,它对应了从代码加载.执行至执行完毕的一个完整过程. ‐操作系统为每个进程分配一段独立的 ... 
- python刷LeetCode:20. 有效的括号
			难度等级:简单 题目描述: 给定一个只包括 '(',')','{','}','[',']' 的字符串,判断字符串是否有效. 有效字符串需满足: 左括号必须用相同类型的右括号闭合.左括号必须以正确的顺序 ... 
