WEB|WAP|网站建设|网站设计|网站制作|网站开发 - DIV+CSShttp://www.hzzhit.com/blog/兆合信息：专业的网站建设和网站制作公司 - RainbowSoft Studio Z-Blog 1.8 Arwen Build 81206zh-CNCopyright 2008-2009 杭州兆合信息技术有限公司. All Rights Reserved.Tue, 07 Sep 2010 04:51:06 +0800使iframe框架透明a@b.com (shine)http://www.hzzhit.com/blog/div-css/143.htmlMon, 30 Aug 2010 22:48:31 +0800http://www.hzzhit.com/blog/div-css/143.html<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父页面</title>
</head>

<body bgcolor="#FF0000">
<iframe src="index.htm"  allowTransparency="true"></iframe>
</body>

</html>


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>子页面</title>
<style type="text/css">
body
{
    background-color: transparent;
}
</style>
</head>

<body>

</body>

</html>
 

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/143.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=143http://www.hzzhit.com/blog/cmd.asp?act=tb&id=143&key=8db28963英文网站英文自动换行时避免英文断字的问题a@b.com (shine)http://www.hzzhit.com/blog/div-css/130.htmlSun, 06 Jun 2010 21:00:54 +0800http://www.hzzhit.com/blog/div-css/130.html  英文网站英文自动换行时避免英文断字的问题 普通网页在CSS中加入：
table
{
        table-layout: fixed;
         word-wrap:break-word;
}
div {
         word-wrap:break-word;
         overflow:auto;
}

就可以解决即实现英文自动换行又不会造成英文单词断开的问题；
  

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/130.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=130http://www.hzzhit.com/blog/cmd.asp?act=tb&id=130&key=6ada1b3bDIV+js+css跟随鼠标的浮动提示框a@b.com (shine)http://www.hzzhit.com/blog/div-css/125.htmlMon, 10 May 2010 15:14:26 +0800http://www.hzzhit.com/blog/div-css/125.html从米克那里找的宝贝代码，效果不错，以前用过纯css的tips，不过限制挺大，这个还是蛮不错的！

效果如图

代码如下：

<!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>
<title>鼠标跟随提示框</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{font:12px/1.8 arial;}
a,a:visited{color:#3366cc;text-decoration:none;}
a:hover{color:#f60;text-decoration:underline;}
.tip{width:200px;border:2px solid #ddd;padding:8px;background:#f1f1f1;color:#666;}
img{border:none;}
</style>
<script type="text/javascript">
  var tip={$:function(ele){
  if(typeof(ele)=="object")
    return ele;
  else if(typeof(ele)=="string"||typeof(ele)=="number")
    return document.getElementById(ele.toString());
    return null;
  },
  mousePos:function(e){
    var x,y;
    var e = e||window.event;
    return{x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop};
  },
  start:function(obj){
    var self = this;
    var t = self.$("mjs:tip");
    obj.onmousemove=function(e){
      var mouse = self.mousePos(e);  
      t.style.left = mouse.x + 10 + 'px';
      t.style.top = mouse.y + 10 + 'px';
      t.innerHTML = obj.getAttribute("tips");
      t.style.display = '';
    };
    obj.onmouseout=function(){
      t.style.display = 'none';
    };
  }
  }
</script>
</head>
<body>
<ol>
<li>
<a href="#" target="_blank"><img src="http://pic1.taogogo.info/image/16002/" onmouseover="tip.start(this)" tips="项目中用到的一个简单的JS图片展示效果，支持大图小图原始图展示" /></a>
</li>
<li>
<a href="#" target="_blank" onmouseover="tip.start(this)" tips="11月16日，我有幸参加了11月份的UCD杭州书友会，写了点感受与大家分享……">关于用户研究的一点思考</a>
</li>
<li>
<a href="#" target="_blank" onmouseover="tip.start(this)" tips="早上挤城铁，挤得要命，来了个猛男，大吼一声“我是display:block”的，这一行老子独占了……">WEB重构拾趣</a>
</li>
</ol>
<div id="mjs:tip" class="tip" style="position:absolute;left:0;top:0;display:none;"></div>
</body>
</html>

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/125.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=125http://www.hzzhit.com/blog/cmd.asp?act=tb&id=125&key=30c4bb6f如何在Td中让图片和文字对齐a@b.com (shine)http://www.hzzhit.com/blog/div-css/124.htmlSat, 03 Apr 2010 22:13:50 +0800http://www.hzzhit.com/blog/div-css/124.html<img src="add_add.jpg" width="112" height="28" border="0" style=" vertical-align:middle;“/>

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/124.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=124http://www.hzzhit.com/blog/cmd.asp?act=tb&id=124&key=de177c82div+css绝对定位和相对定位a@b.com (shine)http://www.hzzhit.com/blog/div-css/position.htmlSun, 21 Feb 2010 19:01:22 +0800http://www.hzzhit.com/blog/div-css/position.html很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。


Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。

一般来讲，网页居中的话用Absolute就容易出错，因为网页一直是随着分辨率的大小自动适应的，而Absolute则会以浏览器的左上角为原始点，不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似，但是还是有本质的区别的。


Relative，CSS中的写法是：position:relative;  他的意思是相对定位，他是参照父级的原始点为原始点，无父级则以文本流的顺序在上一个元素的底部为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。

有时我们还需要依靠z-index来设定容器的上下关系，数值越大越在最上面，数值范围是自然数。但是z-index也不是万能的，z-index也受到了等级的限制

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/position.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=121http://www.hzzhit.com/blog/cmd.asp?act=tb&id=121&key=25c3a704div+css命名规则a@b.com (shine)http://www.hzzhit.com/blog/div-css/96.htmlMon, 05 Oct 2009 00:15:34 +0800http://www.hzzhit.com/blog/div-css/96.html页头：header

登录条：loginBar

标志：logo

侧栏：sideBar

广告：banner

导航：nav

子导航：subNav

菜单：menu

子菜单：subMenu

搜索：search

滚动：scroll

页面主体：main

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

加入：joinus

指南：guild

服务：service

热点：hot

新闻：news

下载：download

注册：regsiter

状态：status

按钮：btn

投票：vote

合作伙伴：partner

友情链接：friendLink

页脚：footer

版权：copyRight

1.CSS ID 的命名外　套：　　wrap

主导航：　　mainNav

子导航：　　subnav

页　脚：　　footer

整个页面：　content

页　眉：　　header

页　脚：　　footer

商　标：　　label

标　题：　　title

主导航：　　mainNav(globalNav)

顶导航：　　topnav

边导航：　　sidebar

左导航：　　leftsideBar

右导航：　　rightsideBar

旗　志：　　logo

标　语：　　banner

菜单内容1： menu1Content

菜单容量：　menuContainer

子菜单：　　submenu

边导航图标：sidebarIcon

注释：　　　note

面包屑：　　breadCrumb(即页面所处位置导航提示)

容器：　　　container

内容：　　　content

搜索：　　　search

登陆：　　　login

功能区：　　shop(如购物车，收银台)

当前的　　　current

2.另外在编辑样式表时可用的注释可这样写：<– Footer –>

内容区

<– End Footer –>

3.样式文件命名主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

 

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/96.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=96http://www.hzzhit.com/blog/cmd.asp?act=tb&id=96&key=03af23e6常用字符a@b.com (shine)http://www.hzzhit.com/blog/div-css/changyongzifu.htmlThu, 18 Jun 2009 21:38:17 +0800http://www.hzzhit.com/blog/div-css/changyongzifu.html◆

■

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/changyongzifu.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=76http://www.hzzhit.com/blog/cmd.asp?act=tb&id=76&key=3f14d754如何在一台电脑同时安装IE6和IE7及火狐浏览器a@b.com (shine)http://www.hzzhit.com/blog/div-css/42.htmlTue, 05 May 2009 09:32:07 +0800http://www.hzzhit.com/blog/div-css/42.html随着微软IE7的推出，标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6版本及Firefox火狐浏览器，他们的兼容问题一直是很多网页设计师在进行DIV CSS布局时头疼的问题。

因为IE和火狐的内核存在差异，所以在制作网页时，为了解决网页代码兼容性问题，需要在不同的浏览器中进行调试。一般网页设计者都同时装有IE和FF（火狐），但最新的IE7和IE6之间也存在着一定的差异，为了让自己的网页在各种主流浏览器中都可以正常显示，同时安装IE6、IE7和FF进行网页调试就显得尤为必要。

大家都知道，IE是windows自带的网页浏览器，IE7是IE6的升级版本，按理两者无法同时存在于一个系统内，那么如何让IE6与IE7并存呢？下面介绍一个不错的解决方法：

1.如果你电脑上安装的是IE6

IE7免安装程序,让IE6和IE7和平相处,解决网页设计师们在不同IE版本下调试网站设计布局的难题,尤其是XHTML布局设计,IE6和IE7对CSS的解释仍然有诸多不同的地方.

IE7Standalone可以让你无需安装IE7就可以使用IE7的全部功能(严格说是大部分,ie收藏夹不能正常使用,单个标签，而且也没有菜单,只保留最基本的浏览功能).这样可以让ie6和ie7共存,对网页设计师来说是个好主意,方便在设计网页时调试ie6和ie7下的网页布局.IE7Standalone安装简单,一路下一步就可以了,唯一遗憾的是该软件提取出来的ie7是英文版.

下载地址：

完成安装后，你就会发现你的IE7和IE6并存了。

3.火狐浏览器下载安装

下载地址：http://www.mozillaonline.com/

最后当然是少不了火狐浏览器安装，这一款浏览器在全球已有超过 30,000,000 用户选用 Firefox ®做为上网浏览工具，设计师们在用IE布局的时候当然少不了还要再试一下在这款浏览下的效果。

做到三者合一真是件麻烦的事，期待有一个大家公认的标准，这样可以让设计师们省很多事了。

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/42.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=42http://www.hzzhit.com/blog/cmd.asp?act=tb&id=42&key=421e04d0CSS命名规范 与 书写规范及方法a@b.com (shine)http://www.hzzhit.com/blog/div-css/cssguifan.htmlMon, 16 Feb 2009 14:43:38 +0800http://www.hzzhit.com/blog/div-css/cssguifan.htmlCSS命名规范

一、文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

二、常用类/ID命名规范

页　眉：header
内　容：content
容　器：container
页　脚：footer
版　权：copyright　
导　航：menu
主导航：mainMenu
子导航：subMenu
标　志：logo
标　语：banner
标　题：title
侧边栏：sidebar
图　标：Icon
注　释：note
搜　索：search
按　钮：btn
登　录：login
链　接：link
信息框：manage
……

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”。


CSS书写规范及方法
一. 常规书写规范及方法

1. 选择DOCTYPE：

XHTML 1.0 提供了三种DTD声明可供选择：

过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如<br>。完整代码如下：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>

框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“>

理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。

2. 指定语言及字符集：

为文档指定语言：

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”>

为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言；如：
常用的语言定义：

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
标准的XML文档语言定义：
<?xml version=”1.0″ encoding=” utf-8″?>
针对老版本的浏览器的语言定义：
<meta http-equiv=”Content-Language” content=” utf-8″ />
为提高字符集，建议采用“utf-8”。

3. 调用样式表：

外部样式表调用：

页面内嵌法：就是将样式表直接写在页面代码的head区。 如：

<style type=”text/css”><!– body { background : white ; color : black ; } –> </style>
外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。

<link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” />

在符合web标准的设计中，推荐使用外部调用法，可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。

4、选用恰当的元素：

根据文档的结构来选择HTML元素，而不是根据HTML元素的样式来选择。例如，使用P元素来包含文字段落，而不是为了换行。如果在创建文档时找不到适当的元素，则可以考虑使用通用的div 或者是span；

避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式；

尽可能少地使用标签和结构嵌套，这样不但可以使文档结构清晰，同时也可以保持文件的小巧，在提高用户下载速度的同时，也易于浏览器对文档的解释及呈视；

5、派生选择器：

可以使用派生选择器给一个元素里的子元素定义样式，在简化命名的同时也使结构更加的清晰化，如：

.mainMenu ul li {background:url(images/bg.gif;)}

6、辅助图片用背影图处理：

这里的”辅助图片”是指那些不是作为页面要表达的内容的一部分，而仅仅用于修饰、间隔、提醒的图片。将其做背影图处理，可以在不改动页面的情况下通过CSS样式来进行改动，如：

#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}

7、结构与样式分离：

在页面里只写入文档的结构，而将样式写于css文件中，通过外部调用CSS样式表来实现结构与样式的分离。

8、文档的结构化书写：

页面CSS文档都应采用结构化的书写方式，逻辑清晰易于阅读。如：

<div id=”mainMenu”>
<ul>
<li><a href=”#” >首页</a></li>
<li><a href=”#” >介绍</a></li>
<li><a href=”#” >服务</a></li>
</ul>
</div>

/*=====主导航=====*/
#mainMenu {
width:100%;
height:30px;
background:url(images/mainMenu_bg.jpg) repeat-x;
}
#mainMenu ul li {
float:left;
line-height:30px;
margin-right:1px;
cursor:pointer;
}
/*=====主导航结束=====*/

9、鼠标手势：

在XHTML标准中，hand只被IE识别，当需要将鼠标手势转换为“手形”时，则将“hand”换为“pointer”，即“cursor:pointer;”

二．注释书写规范

1、行间注释：

直接写于属性值后面，如：

.search{
border:1px solid #fff;/*定义搜索输入框边框*/
background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/
}

2、整段注释：

分别在开始及结束地方加入注释，如：

/*=====搜索条=====*/
.search {
border:1px solid #fff;
background:url(../images/icon.gif) no-repeat #333;
}
/*=====搜索条结束=====*/
三．样式属性代码缩写

1、不同类有相同属性及属性值的缩写：

对于两个不同的类，但是其中有部分相同甚至是全部相同的属性及属性值时，应对其加以合并缩写，特别是当有多个不同的类而有相同的属性及属性值时，合并缩写可以减少代码量并易于控制。如：

#mainMenu {
background:url(../images/bg.gif);
border:1px solid #333;
width:100%;
height:30px;
overflow:hidden;
}
#subMenu {
background:url(../images/bg.gif);
border:1px solid #333;
width:100%;
height:20px;
overflow:hidden;
}

两个不同类的属性值有重复之处，刚可以缩写为：

#mainMenu,#subMenu {
background:url(../images/bg.gif);
border:1px solid #333;
width:100%;
overflow:hidden;
}
#mainMenu {height:30px;}
#subMenu {height:20px;}

2、同一属性的缩写：

同一属性根据它的属性值也可以进行简写，如：

.search {
background-color:#333;
background-image:url(../images/icon.gif);
background-repeat: no-repeat;
background-position:50% 50%;
}
.search {
background:#333 url(../images/icon.gif) no-repeat 50% 50%;
}

3、内外侧边框的缩写：

在CSS中关于内外侧边框的距离是按照上、右、下、左的顺序来排列的，当这四个属性值不同时也可直接缩写，如：

.btn {
margin-top:10px;
margin-right:8px;
margin-bottom:12px;
margin-left:5px;
padding-top:10px;
padding-right:8px;
padding-bottom:12px;
padding-left:8px;
}

则可缩写为：

.btn {
Margin:10px 8px 12px 5px;
Padding:10px 8px 12px 5px;
}

而如果当上边与下边、左边与右边的边框属性值相同时，则属性值可以直接缩写为两个，如：

.btn {
margin-top:10px;
margin-right:5px;
margin-bottom:10px;
margin-left:5px;
}

缩写为：

.btn {margin:10px 5px;}

而当上下左右四个边框的属性值都相同时，则可以直接缩写成一个，如：

.btn {
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
}

缩写为：

.btn{margin:10px;}

4、颜色值的缩写：

当RGB三个颜色值数值相同时，可缩写颜色值代码。如：

.menu { color:#ff3333;}

可缩写为:

.menu {color:#f33;}
四．hack书写规范

因为不同浏览器对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同，比如IE在很多情况下就与FF存在3px的差距，对于这些差异性，就需要利用css 的hack来进行调整，当然在没有必要的情况下，最好不要写hack来进行调整，避免因为hack而导致页面出现问题。

1、 IE6、IE7、Firefox之间的兼容写法：

写法一：

IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
根据上述表达，同一类/ID下的CSS 　hack可写为：
.searchInput {
background-color:#333;/*三者皆可*/
*background-color:#666　!important; /*仅IE7*/
*background-color:#999; /*仅IE6及IE6以下*/
}
一般三者的书写顺序为：FF、IE7、IE6.

写法二：

IE6可识别“_”，而IE7及FF皆不能识别，所以当只针对IE6与IE7及FF之间的区别时，可这样书写：
.searchInput {
background-color:#333;/*通用*/
_background-color:#666;/*仅IE6可识别*/
}

写法三：

*+html 与 *html 是IE特有的标签, Firefox 暂不支持。
.searchInput {background-color:#333;}
*html .searchInput {background-color:#666;}/*仅IE6*/
*+html .searchInput {background-color:#555;}/*仅IE7*/

屏蔽IE浏览器：

select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。

*:lang(zh) select {font:12px  !important;} /*FF的专用*/
select:empty {font:12px  !important;} /*safari可见*/

IE6可识别：

这里主要是通过CSS注释分开一个属性与值，注释在冒号前。

select { display /*IE6不识别*/:none;}

IE的if条件hack写法：

所有的IE可识别：

<!–[if IE]> Only IE <![end if]–>
只有IE5.0可以识别:
<!–[if IE 5.0]> Only IE 5.0 <![end if]–>
IE5.0包换IE5.5都可以识别:
<!–[if gt IE 5.0]> Only IE 5.0+ <![end if]–>
仅IE6可识别:
<!–[if lt IE 6]> Only IE 6- <![end if]–>
IE6以及IE6以下的IE5.x都可识别:
<!–[if gte IE 6]> Only IE 6/+ <![end if]–>
仅IE7可识别:
<!–[if lte IE 7]> Only IE 7/- <![end if]–>
2、清除浮动：

在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。

select:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
 

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/cssguifan.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=11http://www.hzzhit.com/blog/cmd.asp?act=tb&id=11&key=831c2334符合W3C标准的FLASH代码a@b.com (shine)http://www.hzzhit.com/blog/div-css/w3c-flash.htmlMon, 16 Feb 2009 10:10:57 +0800http://www.hzzhit.com/blog/div-css/w3c-flash.html<div id="flash">


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="1000" height="250">
<param name="movie" value="flash.swf" /> 
<param name="quality" value="high"/>
<param name="wmode" value="transparent"/>
<!--[if !IE]> <-->
<object data="flash.swf"
width="1000" height="250" type="application/x-shockwave-flash">
<param name="quality" value="high"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="wmode" value="transparent"/>
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>

 
</div>

]]>DIV+CSShttp://www.hzzhit.com/blog/div-css/w3c-flash.html#commenthttp://www.hzzhit.com/blog/http://www.hzzhit.com/blog/feed.asp?cmt=10http://www.hzzhit.com/blog/cmd.asp?act=tb&id=10&key=2d262d0a