如何让字体显示在透明背景之上

opacity透明在网页制作中使用会很多,为了增加好看的效果,透明的样式肯定是必不可少的。

记得之前做一个网页,其中一个块给了个30的高,背景半透明的黑色,上面有一排导航,导航字体的颜色也就成了灰黑色,本来是想做成白色字体,怎么改都不行,以为是字体的ul层在背景块的下面,想用z-index把字体的层高提高,但是没用。

那时候还不知道opactiy它的应用或者说是代码书写格式分为两种,一种是用opacity取值0-1之间;想要内容显示在透明背景的上面,不同背景一起变透明,就需要直接使用rgba(0,0,0,0)后面的小括号里面跟四个值,前三个是颜色的对应值,最后一个是背景的透明度值,这样就可以了。

时间: 2024-10-13 01:11:52

如何让字体显示在透明背景之上的相关文章

怎样让字体显示在透明背景之上

opacity透明在网页制作中使用会很多,为了增加好看的效果,透明的样式肯定是必不可少的. 记得之前做一个网页,其中一个块给了个30的高,背景半透明的黑色,上面有一排导航,导航字体的颜色也就成了灰黑色,本来是想做成白色字体,怎么改都不行,以为是字体的ul层在背景块的下面,想用z-index把字体的层高提高,但是没用. 那时候还不知道opactiy它的应用或者说是代码书写格式分为两种,一种是用opacity取值0-1之间:想要内容显示在透明背景的上面,不同背景一起变透明,就需要直接使用rgba(0

设置View只显示透明下边框、透明背景框、阴影背景框的方法

实现的效果如下: 下面的代码是实现一个带边框的xml,很常见 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@android:color/transparent" /> <str

输入金额,SpannableStringBuilder,Dialog无主题和透明背景的使用

转载请注明出处:http://blog.csdn.net/forwardyzk/article/details/43308573 整理了开发汇中遇到的一些小细节. 1.在EditText中输入金额,只能输入正确的金额格式,例如:0.01,0.1,0,123,123.0,123.01 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:too

鼠标悬浮显示文字半透明背景

鼠标悬浮显示文字半透明背景 鼠标悬浮头像,出现文字"上传头像",之前都是使用< a title="上传头像"></a>这样的title来实现现在设计稿,是在头像上面,显示的大号字体的文字,且有一层黑色遮罩层第一想法是,多写一个层,悬浮时候,出现即可多想一步,使用css的content:"",来实现content后面的是双引号针对半透明黑色背景层background:#000opacity:0.5这是透明了全部(背景色和文字

vc实现透明位图,透明背景

vc实现透明位图,透明背景 我们在进行程序的界面设计时,常常希望将位图的关键部分,也既是图像的前景显示在界面上,而将位图的背景隐藏起来,将位图与界面很自然的融合在一起,本文介绍了透明位图的制作知识,并将透明位图在一个对话框中显示了出来. 一.实现方法 绘制"透明"位图是指绘制某一位图中除指定颜色外的其余部分,我们称这种颜色为"透明色".通过将位图的背景色指定为"透明色",在绘制时,不绘制这部分背景,而仅绘制图像,这样就可以将位图中图像透明地绘制到

ie8 透明背景不能点击问题

最近开发网站,需求是三个一屏,1和3只能看见一半,2显示在中间,无箭头按钮. 因为之前写过一个有前后按钮的插件,想着怎么就在这上面改造,故把前后按钮去掉背景,定位在了1和3的位置上来实现点击前后, 发现按钮在ie8下无论如何修改层级,按钮都不行,于是百度,后来得知这是ie的bug,透明背景的元素会导致click事件失效.非常遗憾. 故又要回到修改脚本或加上透明背景png.

php 处理透明背景的图片时的问题

PHP图象处理之透明背景的gif和png图片的一些问题 1,直接读取有透明背景的PNG格式文件,然后直接输出,背景变成了黑色,gif则没有这种情况.   解决方法:使用 imagesavealpha ($image, true),此函数是针对png格式的.   <?php   $im=imagecreatefrompng("demo_1.png");   imagesavealpha($im, true);//设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息.  

全屏透明背景对话框

透明背景对话框 AlertDialog.Builder mBuilder = new AlertDialog.Builder(this, R.style.full_screen_dialog); View view = LayoutInflater.from(this).inflate(R.layout.item_list, null); mBuilder.setView(view); Dialog mDialog = mBuilder.create(); Window win = mDialo

JAVA学习绘图颜色及其笔画属性设置字体显示文字

package com.graphics; import java.awt.*; import java.awt.geom.Rectangle2D; import java.util.Date; import javax.swing.*; /** * * @author biexiansheng * */ public class DrawString extends JFrame{ private Shape rect;//矩形对象 private Font font;//字体对象 priva