如何实现按钮底部半透明,但是不影响按钮的字体正常显示
来源:互联网 发布:linux vi 文件末尾 编辑:程序博客网 时间:2024/05/01 12:56
有很多banner的图片都有两个半自动的按钮(所谓半自动就是需要人为触发的事件),字体颜色不受背景颜色的半透明影响。它的思路是首先定义一个外层(div,span…..),内层加一个标签作为按钮,一个标签作为背景。结构为:
<div> <a href="javascript:;" name="prev">prev</a> <span class="btn_bg"></span></div>
需要注意的时候css的设置有要求
首先要将背景标签充满整个外部标签,然后背景标签设置为白色,使用opacity进行透明设置
background-color: rgb(255, 255, 255); filter: alpha(opacity=50); /*兼容IE */opacity: 0.5;
然后背景标签的z-index小于按钮标签的z-index(注意z-index要与定位一起使用,不然没有效果);
这样就成功设置半透明的按钮。
但是如何实现鼠标悬浮时半透明的按钮背景变得更浅或更深啊?接着看下一篇文章。
阅读全文
0 0
- 如何实现按钮底部半透明,但是不影响按钮的字体正常显示
- RecycleView 底部按钮实现
- 半透明按钮
- 按钮半透明
- 如何实现鼠标悬浮时半透明的按钮背景变得更浅或更深啊
- 底部删除按钮动态显示
- 在listview的底部加上一个点击更多刷新的按钮(但是没有实现点击刷新listview)
- CSS 按钮背景图片显示不出,字体无法控制问题
- 动态创建的CButton按钮,在设置字体时为什么不显示
- 底部按钮 字体变颜色+焦点事件
- 实现按钮拖动到底部,与底部按钮互换的功能
- android实现底部按钮布局
- android实现底部按钮布局
- vc如何实现按钮上显示icon
- 如何实现struts2标签按钮并排显示
- ToolBar里的按钮不显示了
- javascript 打印不显示按钮的方法
- OptionsMenu按钮不显示的解决方法
- Ztree,异步逐级加载数据,连接数据库增删改,模糊搜索
- Case When的用法,简单小例子
- TCP最小传输单元和最大传输单元
- React Native封装Android原生控件
- Android 必知必会
- 如何实现按钮底部半透明,但是不影响按钮的字体正常显示
- java页面用js转换数据库中的datetime类型的时间为String类型显示
- 建表的同时建立约束
- MySQL CASE WHEN THEN
- SQL语句消除重复行(DISTINCT 的使用)
- 在虚拟机安装centos7
- [luogu-2678]noip2015day2-T1 跳石头 题解
- Hybrid App (一)
- 使用线程池插入数据报Could not open JDBC Connection for transaction 异常