CSS网页设计解决方案(Hacks & Issues)

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2008-6-13 
    1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。

    2、浏览器特定的选择器

    英文地址:  http://www.solidstategroup.com/page/1592


    当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。

    IE6以下

   *html{}

    IE 7 以下

*:first-child+html {} * html {}

    只对IE 7

*:first-child+html {}

    只对IE 7 和现代浏览器

html>body {}

    只对现代浏览器(非IE 7)

html>/**/body {}

    最新的Opera 9以下版本

html:first-child {}

Safari

html[xmlns*=”"] body:last-child {}

    要使用这些选择器,请在样式前写下这些代码。例如:

#content-box {
  width: 300px;
  height: 150px;
}
* html #content-box {
  width: 250px;
}
/* 重写上面的代码并且把宽度改为250px
在IE6以下版本中适用。 */
2008年05月19日,绝大部分大型门户网站、百度、腾讯、网易、雅虎等等都把网站、网页改成了黑白灰色的样式
以示深切哀悼的心情。

这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑白灰色网站效果。

用CSS控制DIV透明

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2007-12-27 
如果要控制DIV透明度,就需要用到CSS的滤镜
其中的Alpha属性就是来实现透明的
甚至可以达到渐变透明效果。
以下为引用部分

用滤镜filter的Alpha属性实现透明。表达格式如下:

filter: alpha(opacity=?,finishopacity=?,style=?,startX=?,startY=?,finishX=?,finishY=?);

各项赋值说明:
opacity代表透明度,可选值从0到100,0代表完全透明,100代表完全不透明;
finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100;
style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形;
startX和startY代表渐变透明效果的开始坐标,finishX和finishY代表渐变透明效果的结束坐标。
Tags: , , ,
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]