智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司,宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务,优惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作室,打造宁波网站制作工作室顶级品牌
  • 智软拥有专业的设计团队
  • 多年网站建设团队为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有:dreamweaver,flash,photoshop
  • 宁波高端网站建设服务公司
    2014已经悄然到来,在新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提供了保质量的网站设计与网站制作。 我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设原因与服务介绍

    智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括:宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!

  • 点击链接网站优化推广介绍

    点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解

  • 2014开幕,宁波网站设计服务全面优惠.

    2014开幕,宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展示平台
    智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司提供网站一站式解决方案
    智软(宁波网络公司)帮你轻松解决网络问题,网站一站式解决方案
你当前的位置: > 营销与网络 >

简单css代码 实现背景透明 -文字不透明 支持ie和火狐(FF)

2011-08-13 03:15

这几天公司很忙。好几个单子都堆在一起在做。最近这几个单子都是细节修改较多。有的时候感觉做网站越来越累了。

这几个客户都谈的比较爽快。还是一步一步帮他们修改。其中有一家客户需要修改的下拉菜单的背景颜色要透明。

我第一想到的就是 css做。然后就找了下资料。发现透明我们直接用:filter:alpha(opacity=50); 然后就写了下,然后测试

发下IE 可以了。就此以为解决了。但是用火狐打开了一下。发现没透明。郁闷。兼容有问题。又接着找资料。发现火狐透明是用:

opacity:0.5; 然后测试了。OK解决了。下面贴出完整的代码和效果图:


css透明背景代码如下:

 

<!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/html; charset=utf-8" />
<title>css透明背景代码测试</title>
</head>

<body>

<div class="div" style="filter:alpha(opacity=40);opacity:0.5;background:#000000;">透明背景颜色</div>

</div>
</body>
</html>

 

但是大家在做 栏目背景透明的时候。会发现。他会和字一起透明了。所有就要用到特定的css 写。用几个绝对层来写!

代码如下:

<html>
<title>css透明代码</title>
<head>
<style>
#container {
color: #154BA0;
background: #ff0000;
filter: Alpha(Opacity=10, Style=0);
opacity: 0.10;
position: absolute;
height: 200px;
width:500px;
z-index:20;
}

#text {
position: absolute;
height: 200px;
width:500px;
text-align:center;
z-index:30;
}
</style>
</head>
<body >
<div id="container"></div>
<div id="text">背景半透明但文字不透明</div>
</body>
</html>

 
 

 

更多

【责任编辑:小戴工程师】

关键字: 文字不透明 简单css代码 背景透明 css透明代码

上一篇:网站建设最容易失败的五个点大家 下一篇:烦人的 0x80004005 未指定的错误 解决方法

最新文章

2011-08-13 03:15

相关文章

2011-08-13 03:15
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
Copyright 2010 智软工作室 版权所有    智软为宁波公司提供最优惠的网络服务【宁波网站建设,宁波网站制作公司,宁波做网站公司,宁波外贸网站建设公司】我们竭诚为你服务!
友情链接:    国民娱乐彩票   彩70彩票   大家赢彩票开奖网   双彩手机app下载   地球人彩票