实现文字背景不透明

<!DOCTYPE html>

<html>

<head>

</head>

</body>

</html>

div{

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

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

width:500px;

height:500px;

color:#F30;

font-size:32px;

font-weight:bold;}

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

时间： 2024-10-22 18:36:48

实现文字背景不透明的相关文章

背景颜色透明，但文字不透明

一般浏览器在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明. background:rgba(255, 255, 255, 0.2)!important; IE浏览器 (背景设置透明,文字要relative才能不透明) 而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明, 因此只有在透明容器的子节点(文本节点除外)内设置position:

CSS实现背景透明而背景上的文字图片不透明

1.用图片则能兼容IE8和IE7 2.用颜色则不能兼容IE8和IE7,并且颜色层不能随着内容层自增长,只能设置一个固定高度 3.用颜色则颜色层不能包含内容层(图片和文字) 1  2 <div class="wrap"> 3  4 <div class="bg"></div> 5 <!-- conte

一个文字背景代码

将文字设置成为透明颜色再给文字设置背景图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ margin:0px; padding:0px; font-family:"黑

div的背景是不是透明的

div的背景是不是透明的: 建议:尽可能的手写代码,可以有效的提高学习效率和深度. 这个问题比较简单,但是可能对于初学者比较陌生,例如,有的初学者可能认为div的背景颜色是白色的,因为有时候看起来就是这样的.下面通过一个实例来证明一下是不是这样的.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" conte

ie6背景透明的设置方法 ie6背景颜色透明和png图像透明解决方法

IE6浏览器,让我们又爱又恨.爱它的是,可以让我们写的代码的时候,可以更标准,恨的是,它有太多无厘头的IE6常见bug(详情点击),让我们焦头烂额.现在现在用百度浏览器调查,国内占有率不到6%了,但是,就怕碰到需要调兼容ie6的网站. 其中,一个IE6常见问题就是IE6透明背景问题了.透明背景主要分背景颜色透明和背景图片或者png图片透明问题. 一.IE6背景颜色透明一般浏览器,给一个盒子透明背景写法是 :opacity: 0.5; -moz-opacity: 0.5;-webkit-op

使用photoshop，把图片背景变成透明

鄙人使用的是photoshop CS6,win7系统,好了废话不多说,我们开始吧 1.打开photoshop,选择一个要编辑的图片 2.在右下角的图层面板上用鼠标左键快速双击背景图层为图片解锁 3.在左边的工具栏中选择魔术棒工具 4.点击鼠标右键,再在弹出的菜单中选择"羽化" 5.在弹出的对话框中设置为"1"像素,点确定 6.按Delete键删除背景,多次重复此操作,直到删完背景为止(也可以按住shift键,选中多块区域,一次性删除) 7.另存为想要的图片格式使用

基于HTML5自定义文字背景生成QQ签名档

分享一款利用HTML5实现的自定义文字背景应用,首先我们可以输入需要显示的文字,并且为该文字选择一张背景图片,背景图片就像蒙版一样覆盖在文字上.点击生成QQ签名档即可将文字背景融为一体生成另外一张图片,你也可以下载这张拥有你QQ签名档的图片. 在线预览源码下载实现的代码. html代码: <canvas id="mycanvas" width="1280" height="512"></canvas> 内容:<

解决PNG图片在IE6中背景不透明的问题

1.解决PNG图片在IE6中背景不透明的CSS与JS代码 - TOP JS代码 function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) &a

android中TextView 添加ClickableSpan后点击选中文字背景问题

TextView中的setHighlightColor(int color)用于设置选中文字背景色高亮显示. 比如以下: public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); FrameLayout frameLayout = new FrameL