/*CSS*/

.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center; line-height:28px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.con{ text-align:left; width:500px; height:400px; margin:0px auto; padding:100px 50px;

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

filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}

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

/*HTML*/

<body>

<div class="waps">

   <div class="con">

     <p>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明

    </p>

   </div>

</div>

</body>
												


											
CSS实现背景透明，文字不透明（各浏览器兼容） (转)的更多相关文章
	

    
						
  1. css实现背景半透明文字不透明的效果
		
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
    
		
    2. 
						
  2. css背景透明文字不透明
		
    测试背景透明度为0.3.文字不透明: background-color: #000; /* 一.CSS3的opacity */ opacity: 0.3; /* 兼容浏览器为:firefox,chro ...
    
		
    3. 
						
  3. css实现背景透明文字不透明
		
    设置元素的透明度:  -moz-opacity:0.8; /*在Firefox中设置元素透明度  filter: alpha(opacity=80); /*ie使用滤镜设置透明   但是当我们对一个标 ...
    
		
    4. 
						
  4. css3背景透明文字不透明
		
    在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明.而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜fi ...
    
		
    5. 
						
  5. 背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)
		
    以背景黑色,透明度0.5举例为大家详细介绍下关于背景透明,文字不透明的最佳方法同时兼容IE,具体实现如下,感兴趣的朋友可以参考下哈希望对大家有所帮助 以背景黑色,透明度0.5举例 非IE:backgr ...
    
		
    6. 
						
  6. CSS3实现背景透明文字不透明
		
    最近遇到一个需求,如下图,input框要有透明效果 首先想到的方法是CSS3的 opacity属性,但事实证明我想的太简单了 这个属性虽然让input框有透明效果,同时文字和字体图标也会有透明效果,导 ...
    
		
    7. 
						
  7. div半透明背景，文字不透明
		
    background: rgba(255, 255, 255, 0.8) !important; /* IE无效,FF有效 */ background: #fff; filter: alpha(opa ...
    
		
    8. 
						
  8. [小技巧]兼容IE6的纯CSS背景半透明文字不透明
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    9. 
						
  9. html 背景透明文字不透明
		
    .alpha{ width: 100px; height: 100px; color: #fff; background: rgba(0, 0, 0, .3); filter: progid:DXIm ...
    
		
    10. 
						
  10. CSS实现Div透明，而显示在上面的文字不透明，但也可看到显示在下面的图片内容
		
    CSS实现Div透明,而显示在上面的文字不透明,但也可看到显示在下面的图片内容,DiV透明其实挺简单,主要是为background定义opacity属性,一般这个是最大值是1,数值越接近1,则越不透明 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. xfce terminal tab被解释为super+tab的bug
			
    https://bugzilla.xfce.org/show_bug.cgi?id=10760 解决方法 Every few weeks the tab key stops working in th ...
    
			
    2. 
						
  2. HTTP2.0那些事
			
    1. HTTP2.0的前世 http2.0的前世是http1.0和http1.1这两兄弟.虽然之前仅仅只有两个版本,但这两个版本所包含的协议规范之庞大,足以让任何一个有经验的工程师为之头疼.http1 ...
    
			
    3. 
						
  3. Error:Could not open initscript class cache for initialization script 'C:\Users\Avishek\AppData\Local\Temp\asLocalRepo14.gradle' (C:\Users\Avishek.gradle\caches\2.2.1\scripts\asLocalRepo14_dkwbdtenxxg
			
    Error:Could not open initscript class cache for initialization script 见鬼 Android Studio打开项目时遇到这个问题 昨 ...
    
			
    4. 
						
  4. REST Web 服务介绍
			
    在项目上使用到了Rest技术,应该是Rest的服务概念才对.主要是对外(BPM)暴露API来提供Service.推荐一篇有质量的文章,接下来会系统一点的学习一下Restful概念.http://kb. ...
    
			
    5. 
						
  5. 打印grid
			
    void PrintButtonClick(object sender, EventArgs e) { PrintPreviewDialog dlg = new PrintPreviewDialog( ...
    
			
    6. 
						
  6. HDU 5651 xiaoxin juju needs help 水题一发
			
    分析:求一下组合数 首先,如果不止一个字符出现的次数为奇数,则结果为0. 否则,我们把每个字符出现次数除2,也就是考虑一半的情况. 那么结果就是这个可重复集合的排列数了. fact(n)/fact(a ...
    
			
    7. 
						
  7. C# 多线程是否结束可通过线程池可以判断
			
    C# ManualResetEvent信号状态判断线程池是否结束  这是一段重要的代码,小猪两个小时的研究成果,记下来备查. using System; using System.Collection ...
    
			
    8. 
						
  8. HTML5/CSS3动画应用
			
    http://www.html5tricks.com/cool-html5-css3-animation.html
    
			
    9. 
						
  9. How to Kill All Processes That Have Open Connection in a SQL Server Database[关闭数据库链接 最佳方法] -摘自网络
			
    SQL Server database administrators may frequently need in especially development and test environmen ...
    
			
    10. 
						
  10. Sitemap Editors for Dynamics CRM 2013
			
    I’ve started using a couple of different sitemap editors in my projects for CRM 2013. These tools he ...
    
			
    11.