CSS伪类content: url放图片如何改变图的大小

遇到过一个问题:用before after 之类的伪类的content里放一个图的链接,如何去改图的大小?比如:

.nav ul li:after{
  content: url(../img/nav_fg.png);
}

事实上,如果想要设置前端页面通过content:url显示出来的图片大小,那只能修改图片的大小。因为它是直接读取的图片,并不是代入到html中再显示出来。但可以采用background的方式调整图片的大小,比如本博客中学术社交网站ResearchGate的Logo的CSS显示代码如下:

.social a[href*='researchgate.net']:before {
  background-image: url('./images/icons/researchgate.png'); 
  background-size: 100%; 
  display: inline-block; 
  margin-right: 2px; 
  vertical-align: -3px; 
  height: 16px; 
  width: 16 …
read more

Install Wireshark on Ubuntu


1. Download WIreshark source code on website: https://www.wireshark.org/download.html
2. Extract files into targeted folder:

tar -xvf wireshark-1.10.7.tar.bz2



3. Install compiling tools and dependencies:

sudo apt-get install build-essential
sudo apt-get install libgtk2.0-dev libglib2.0-dev
sudo apt-get install checkinstall
sudo apt-get install …
read more

法国的一些著名的精油品牌

法国精油品牌:
Florial (Florihana)(芙梦丽娜)
L'OCCITANE (欧舒丹)
Sanoflore(圣芙兰)
CAMENAE (嘉媚乐)
NUXE (欧树)
SISLEY (希思黎)


1. Florial (Florihana) —— F家


品牌:
在欧洲被视为法国第一医疗等级的有机认证植物精油品牌,多年来一直深受着各国芳疗界的喜爱。拥有世界上独一无二的特殊蒸馏技术,采用人工采集和产油率极低的低温、低压、缓慢的蒸馏技术来提炼精油。包装瓶选用一种特殊的绿色玻璃来装载精油,此种瓶子不但可阻挡一般的阳光,还有过滤紫外线和红外线的作用,方便精油更好的保持原型状态。此外,F家的有机精油品种丰富,其中尤其纯露做的非常好,属于世界顶级行列。唯一的一点瑕疵是这家的产地有些并不是非常好(其实也很好理解,算是多品种的机会成本吧)。


公司:
J.E Internatioanl (Florihana、Florial商标所有人)公司总部设立在法国的南部,于国家级自然保护区内的科斯高山(Caussols plateau)上。创办人MR. Durante Alain …

read more

Install VMware Workstation in Ubuntu 14.04


1. Use apt-get update system:

linuxidc@localhost:~$ sudo apt-get update
linuxidc@localhost:~$ sudo apt-get upgrade



2. Download VMware Workstation bundle.

3. Make bundle executable:

linuxidc@localhost:~$ chmod a+x VMware-Workstation-Full-11.0.0-2305329.x86_64.bundle



4. Run the bundle:

linuxidc@localhost:~$ sudo ./VMware-Workstation-Full-11.0.0-2305329.x86_64.bundle



5. Installation:
VMware Station Installation

read more

Apache Shiro Multi-tenancy with JDBC MySQL

0. GOALS


- Provide user authentication and authorization for multi-tenant scenarios

- Provide easy-to-maintain data storage with only one database

- Provide domain-differentiated, credential-based authentication

- Provide domain-differentiated, role-based, service-specific authorization;




1. QuickStart with Apache Shiro


- English Documentation

- Chinese Documentation

- Example Applications

- Architecture:


Shiro Architecture



2. Environment Prerequisites


Apache Maven 3.3.9 (bb52d8502b132ec0a5a3f4c09453c07478323dc5; 2015-11-10T17:41 …
read more

在难搞的日子里他们这样对你说

城市:雷恩

2016年2月1日晚,距国内过新年还有7天。原本只是想要找一封早时候的项目电邮,结果不小心没把持住,泛滥着感慨时光飞逝的小情绪翻阅了一遍以往的邮件,感觉就像是在看旧照片,就像把从大一开始到现在的生活重新走了一遍。至今有很多需要感谢的人,值得纪念的事,我不想在忙碌中就这样让它们随时间流走。因为手里的东西总是忙不完,那些让你成长的却不总有机会不被遗忘。

2012-09-01/2013-08-27 大三

2012年大二暑假,由于本专业大类被限制转专业,我决定通过考取思科认证来自学网络技术。11月,虽然国创(SIETP)项目才刚立项一个月,SRTP项目已经立项半年,但是学习的重心从十月份起已经向网络方向偏移,整天脑子里除了思科的路由交换就是国创的建筑涂料,闲暇之余才能稍微顾及一下专业课程实习和考试,而SRTP项目已经打算彻底水漂过去了。这个过程持续了一年,准备出国又花了一年,期间发生了许多事——得到了许多人的帮助,也犯了不少傻事。

2012-09-Inquiry to Prof. Bai

我希望在本科毕业后往网络工程方向走。我的专业是农业资源与环境,但出于个人兴趣并且经过了慎重考虑后,我想在大学接下来的两年内考取CCIE,可自己目前几乎是零基础,暂时打算到欧朋兰博先报一个CCNA的培训班作为入门。我有一位高中同学(专业与计算机网络无关)在今年暑假拿到了CCIE认证,虽然有了他的建议和引导可以少走些弯路,但他毕竟不在自己身边许多事情还是需要自己去摸索。下面是我想咨询您的问题 …

read more

photo-zzz.png

Hao JiangJustin Time

We only live once, and time just goes by.

  • R&D Engineer @H3C
  • Hangzhou, China

  • Facebook
    微博
    Linkedin
    Github
    Email
    Instagram
    ResearchGate
    知乎
    OSChina