css如何实现让文字透明

html-css010

css如何实现让文字透明,第1张

方法是可以实现是,就是在链接a中的abc前后加一个span标签就可以了。

下面是完整的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

a{text-decoration:none}

ul,li{list-style: nonemargin:0padding:0}

li.bg a span{visibility:hidden}

</style>

</head>

<body>

<div class="aa">

<ul>

<li class="bg"><a href="#"><span>abcdefghijk</span></a></li>

<li>隐藏的文字在左上角,鼠标放上去看看</li>

</ul>

</div>

</body>

</html>

PS:SEO中通过这样的方法Google会判断你是作弊的,所以最好不要用这种方法,如果你只是想在一个背景图片上面做链接,可以做一个1x1像素的gif透明图片,然后给写成<a href="#" class="mylink"><img src="images/spacer.gif" alt="abc" /></a>

其中的alt写成你要seo的信息,这样也能起来 seo 的作用,而且不会被认为是作弊。

再给你上面的class=aa这个div写一个position: relative,然后再给那个透明的gif图片链接所在层.mylink定义一个position: absolute,通过top和left来绝对定位链接的位置

再通过.mylink img{width: 100pxheight: 22px}的方法定义宽度和高度,这样就大功告成了。

设置元素的透明度:

-moz-opacity:0.8/*在Firefox中设置元素透明度

filter: alpha(opacity=80)/*ie使用滤镜设置透明

但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。

例如:

<div><p>不透明</p></div>

div{-moz-opacity:0.3filter:alpha(opacity=30)background:#000width:500px

height:500pxcolor:#F30font-size:32pxfont-weight:bold}

可以很明显的看出文字也被半透明的,这是我们不想看到的效果。

以前我曾经是绝对定位的方法解决这个问题,也就是现在的p并不是div的子元素。

<div></div>

<p>不透明</p>

这样div的半透明效果也就不会影响到元素p了。最后在将p定位到需要的位置。

但是很多时候这样的标签并不是很合理,有可能还会多浪费几个标签。

下面的这种方法就可以解决上面的问题了:

div{background:rgba(0,0,0,0.2) none repeat scroll !important/*实现FF背景透明,文字不透明*/

background:#000filter:Alpha(opacity=20)/*实现IE背景透明*/

width:500pxheight:500pxcolor:#F30font-size:32pxfont-weight:bold}

div p{ position:relative}/*实现IE文字不透明*/

word里文本框怎么透明?

首先选中文本框(四周出现虚线),将鼠标放在文本框边缘(出现四个箭头时),右键单击文本框,选择“设置文本框格式”,在弹出的“设置文本框格式”对话框中选择“颜色与线条”选项卡,在“填充”--“颜色”下面选择“无颜色”,最后确定。

如何将Word文本框设置为透明

以word2007为例:

1.打开word文档,单击“插入”菜单,单击“文本框”命令,单击“绘制文本框”命令,如下图:

2.拖动鼠标绘制文本框,输入文本框内容,右击文本框,单击“设置文本框格式”命令,如下图:

3.在弹出的“设置文本框格式”对话框中,单击“颜色与线条”选项卡中的填充颜色右侧的下拉按钮,单击“无颜色”,如下图:

4.单击“颜色与线条”选项卡中的线条颜色右侧的下拉按钮,单击“无颜色”,如下图:

5.单击“确定”按钮,如下图:

6.文本框设为透明后的效果,如下图:

7.将文本框移动到图片上的透明效果,如下图:

word 文本框填充 透明度如何设置?

直接双击文本框的边框,弹出窗口,在填充颜色下面有透明度一项。

Excel文本框透明如何设置

选中文本框——右键选最下面的设置形状格式——进入填充页签,最右下角的透明度,标必移至最右边也就透明度为100%

Excel 请问如何设置文本框背景透明

选中文本框--右键--设置形状格式--填充--无填充

html怎么把这个文本框变为透明?

你给tr 加了背景色了

把 bgcolor="#EFEFEF" 去掉

如果想要文本框也透明就看看下面的例子吧

样式表:

文本框:

欢迎留言

word里怎么把文本框设成透明

你好!先插入一个文本框,然后双击文本框边框,就会出现一个对话框,在对话框中设置

颜色与线条选型卡中 设置 透明度为100%。其他的也可以在对话框中设置。谢谢!

如何设置html表单里text文本框是透明的

input标签原来是带有白色的背景,如果要实现背景透明可以用css来控制背景:

1,把背景改成透明的

2,直接隐藏背景

ppt文本框半透明效果怎么设置

ppt文本框半透明效果设置步骤:

1、选择文本框,鼠标右键选择设置形状格式;

2、选择填充,选中纯色填充;

颜色:选择白色;

透明度:输入50%,点关闭。

注:背景色需要是深色才能看到最终的透明效果。

word里如何让文本框在图片上透明。

这是因为你给文本框中的文字添加了底色。

选中文本框中的文字,点:格式——边框和底纹——底纹,选中“无填充颜色”。