博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【html+css3】在一张jpg图片上,显示多张透明的png图片
阅读量:7123 次
发布时间:2019-06-28

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

1、需求:在一个div布局里面放置整张jpg图片,然后在jpg图片上显示三张水平展示的透明png图片,且png外层用a标签包含菜单

2、效果图:

3、上图,底层使用蓝色jpg图片,【首页】、【购物车】、【会员中心】三个图标都是透明的png黄色图片

4、上代码:html

css:

a{
color: #4f4f4f; text-decoration: none; display: block; flex: 1; width: 100%; height: 100%; text-align: center; }

 

5、记录一点,多学习一点,以后总会用到,自信从点滴开始。

 

转载地址:http://pkael.baihongyu.com/

你可能感兴趣的文章
C++语言笔记C11库
查看>>
systemd及启动流程
查看>>
java转换ppt,ppt转成图片,获取备注,获取文本
查看>>
lvs 负载均衡fullnat 模式clientip 怎样传递给 realserver
查看>>
python实现FTP服务器
查看>>
负载均衡7层nginx(提供软件包)
查看>>
python 数据类型学习
查看>>
Hello,World
查看>>
Linux的用户和组命令之groupmod
查看>>
在windows上秒开应用程序
查看>>
HTML快速入门4
查看>>
JQUERY中字符串和JSON的转换
查看>>
三句话告诉你 mapreduce 中MAP进程的数量怎么控制?
查看>>
wxWidgets第十六课 wxTimer没有调用stop导致崩溃的问题分析
查看>>
centos7.x rsync+inotify实时监控备份
查看>>
LNMP环境下的Nagios搭建
查看>>
5.理想中的Redis5.1 第二代Codis
查看>>
网络通信第四课 C++发送Post请求的完整案例
查看>>
Grafana基础配置文件
查看>>
Linux文件系统之RAID
查看>>