css 背景透明 文字不透明

background:rgba(255, 255, 255, 0.9)!important;

filter:Alpha(opacity=90); background:#fff; /*　使用IE专属滤镜实现IE背景透明*/

//设计盒子的最小宽度：（在内容不超过盒子的时候，盒子最小宽度不变，内容超过盒子的时候，盒子会自动撑高）
width:auto !important;
min-width: 600px;
width:expression(document.body.clientWidth < 600? "600px": "auto" );


//给按钮加链接（让按钮链接到指定的文档）
οnclick="location.href='http://www.baidu.com'"
在新窗口打开：οnclick="window.open('http://www.baidu.com','');"


//调用头部和尾部的文件（头部和尾部各在一个文件内容，字页面中用下面代码控制，调用到页面中；）
<IFRAME NAME="content_frame" frameborder="0" width=100% height=1200px marginwidth=0 marginheight=0 SRC="nr.htm" ></IFRAME>

//图文混排
.orange{width:480px;margin:0 auto;margin-top:10px;} <!--这是外面最大的盒子-->
.picadd{float:left;width:139px;height:149px;} <!--这是图片的盒子-->


//背景不随滚动条滚动
background-attachment: fixed;//背景固定


//漂浮层=a；另一个层=b；
如果a层压不住b层；有可能是b层加了(position:relative;)，把它去掉会解决。


//ie6下背景透明：
background:no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="wo.png" );

    
//背景颜色透明（兼容各个浏览器）
filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;
背景透明 内容不透明
background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); background:#000;





//如果在一个页面中有js冲突，那么我们可以把冲突的部分用框架调出来；
第一步：新建一个页面吧内容放进去。（和普通也面一样）
在原页面放那个内容的地方写上以下代码：
<iframe src="ppt.html" scrolling="no" frameborder="0" width="1000px" height="400px" allowTransparency="true"></iframe>（表示调用其他页面）
注意：allowTransparency="true"为背景透明的意思
      src="ppt.html"里的ppt.html代表新建页面名称。

//IE6下背景透明方法
http://apps.hi.baidu.com/share/detail/16871084


//让按钮划过变成手型：style="cursor:pointer"

//在dw中让flash透明
  选中flash在参数里面 左边栏加上“wmode” 右边栏加上“transparent”
  写在代码里是：<param name="wmode" value="transparent" />"这个只ie下有效"
  如果要在火狐下有效，须在<embed>这个标签里加上“wmode="transparent"”才可以


//如果文字过长，则将过长的文字用省略号显示。"text-overflow:ellipsis"

//让文字凹下去 方法（在div里文字上面加上“<font disabled>”就可以了）

//投影的代码是：filter:Shadow(Color=green,Direction=135)

//如果li和li之间有间隙 就给li加是：vertical-align:middle;

//a点击后的“a:visited”<!--不过点击后就回不去了-->

//改变滚动条的颜色：
scrollbar-face-color:#f6f6f6; /*滚动条3D表面（ThreedFace）的颜色*/
 scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
 scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
 scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/
 scrollbar-arrow-color:#000; /*滚动条方向箭头的颜色 */
 scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
 scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/


//如果ie8和火狐的样式需要不一样的话
 margin:15px 0px 0px 6px; margin:15px 0px 0px 7px\9;
      火狐执行这句 ie执行这句

//让ul ol显示数字：list-style:decimal inside;

//如果行高小，文字大会重叠，并且文字不确定样式（大或小，有可能是客户自己调整的）这时候行高我们可是设置成：line-height:1.5（数字后不加px）

//设置行高的方式：line-height:21px; line-height:1.5; line-height:21pt; line-height:21%;

//让图片随div缩放：max-width:716px !important;height: auto!important;width:expression(this.width > 716 ? "716px" : this.width)!important;

//当图片找不到路径的时候就用：οnerrοr="this.src='图片路径'" 作为默认图片

//在样式里加透明：Filter:Alpha(Opacity=60, style=4;

//ie6下加上“position:absolute;”层不显示，是因为紧挨着浮动元素，给层加上“clear:both;”就可以了

//让英文字体“arial”中文是“宋体”：font-family: arial, 宋体, sans-serif;

//select的层级总是在div上边，div没有办法遮住select，我们要在div上边加上
<iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;filter: Chroma(Color=white);" frameborder="0"></iframe>
例如：<form method="post" id="msgDiv">
 <iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;filter: Chroma(Color=white);" frameborder="0"></iframe>
 <a href="#" id="msgShut"></a>
    <div id="msgDetail"></div>
</form>

//让浮动层始终在浏览器的底部：
.fdc{width:100%;height:46px;position:fixed;bottom:0;right:0; z-index:10000;_position:absolute;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}

//让浮动层始终在浏览器的顶部：
.fdc{width:100%;height:46px;position:fixed;bottom:0;right:0; z-index:10000;_posit_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))

//让文本的首字变大
#fp:first-letter {font-size :25px;float : left;margin:0;}

//IE6里<li>标签浮动后不自动换行可以用（_white-space: nowrap;）解决。

//表格里的文字自动换行（word-break:break-all;）解决

//js加入页面中ie6下无效果，单独的时候效果正常，把所有文件用文本文档打开另存编码为“UTF-8”格式。

//IE6,IE7下子元素使用position:relative 不随着滚动条滚动的问题。在父元素添加position:relative样式即可。

//返回顶部 .top-div是a外边的div 、a.new_floating_top是a
a.new_floating_top {height: 30px;background: url(../images/linuxso.com.gif) no-repeat;color: #404040;display: block;width: 30px;}
.top-div{width:30px;position:fixed;_position:absolute;left:50%;margin-left:482px;margin-top:-120px;top:100%;_top: expression(documentElement.scrollTop + documentElement.clientHeight+40);}

//谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，有时我们需要字体小点，特别是在制作英文网站时，不过还是有解决方案的。看下面：
在html或者body里添加一句谷歌浏览器专有的属性。
<style>
html,body{

      -webkit-text-size-adjust:none;
}

</style>

注意：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！（就是按住CTRL键上下滚动鼠标中键的那功能）

//取消谷歌 Chrome 文本框(域)外边框高亮和缩放功能的办法
outline: none;