Flash overlay z-index control in web

flash in the website

we can set the wmode (WMODE=transparent) into differnt condition : window , opaque, transparent.

window, opaque:  will cover the web content, the flash will show at the top. has background

transparent:  flash become backward of the web content. and no background anymore

In order to make the text above the flash, make the following setting:

(i usually set the css in div , success with Flash CS4 and IE7. IE8)

Flash animation with z-index:0

Text BELOW (z-index:-1) 

Text ABOVE (z-index:1)

Flash auto-fit into the screen or web browser

Quoted from http://www.aleosoft.com/flashtutorial_autofit.html:

How to make a Flash SWF file auto-fit into the screen or web browser?

After you have included the Flash SWF file to your HTML page, you can open the HTML page with your HTML editor and edit the HTML code. Look for the code that embeds the Flash Movie. It should look similar to this: <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”480″ height=”125″> <param name=”movie” value=”flashmovie.swf” /> <param name=”quality” value=”high” /> <embed src=”flashmovie.swf” quality=”high” type=”application/x-shockwave-flash” width=”480″ height=”125″ pluginspage=”http://www.macromedia.com/go/getflashplayer” /> </object> To make the Flash auto zoom and auto fit into its container, you should change the code as following. The changes are shown in red. <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”100%” height=”100%”> <param name=”movie” value=”flashmovie.swf” /> <param name=”quality” value=”high” /> <PARAM NAME=”SCALE” VALUE=”exactfit”> <embed src=”flashmovie.swf” quality=”high” type=”application/x-shockwave-flash” width=”100%” height=”100%” SCALE=”exactfit” pluginspage=”http://www.macromedia.com/go/getflashplayer” /> </object>   To make the Flash auto zoom and auto fit into its container without distortion, that’s, keep the aspect ratio, you should change the code as following. The changes are shown in red. <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”100%” height=”100%”> <param name=”movie” value=”flashmovie.swf” /> <param name=”quality” value=”high” /> <PARAM NAME=”SCALE” VALUE=”default”> <embed src=”flashmovie.swf” quality=”high” type=”application/x-shockwave-flash” width=”100%” height=”100%” SCALE=”default” pluginspage=”http://www.macromedia.com/go/getflashplayer” /> </object>

SQL 分頁

jquery 1.3.2 and IntelliSense

启用Visual Studio 对jQuery的智能感知

http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html

CSS Hack IE6, IE7, IE8, FF

always meet the css problem in different version/type of browser, so trouble in development…

below some remarks for the css hack:

I have captured some information from the web but the * cannot run in IE8, not success, so use \9 for all IE

.classname
{
 color: blue\9
}

本文據說的主要是通過“.”，“>”，“*”，“_”来区分。以下是本人對這四種符號的測試結果：
———————IE6—— IE7——IE8——FF2——FF3— Opera9.5
>property—— Y——--- Y—— Y-—— N—— N--—— N
.property—— Y——--- Y—— Y-—— N—— N--—— N
*property—— Y——--- Y—— Y-—— N—— N--—— N
_property—— Y——--- N—— N-—— N—— N--—— N


因此這就實現了跨流覽器的表現問題。_property和*property也是一樣的。對於_property來說，只有IE6才能識別，因此可以用於單獨對IE6的設置中。

不過這裡要注意書寫的順序：現在流覽器的寫法要寫在最前面，IE6的寫法要寫在最後面用於覆蓋，其他流覽器寫在中間。
 

方法二：

其實主要是流覽器：IE6/IE7/firefox下，各個對CSS代碼的解釋有區別，下邊轉載一篇HACK的文章，相當實用。

區別IE6與FF： background:orange;*background:blue;

區別IE6與IE7： background:green!important;background:blue;

區別IE7與FF： background:orange; *background:green;

區別FF/IE7/IE6： background:orange;*background:green!important;*background:blue;

注：IE都能識別*標準流覽器(如FF)不能識別*
IE6能識別*，但不能識別 !important
IE7能識別*，也能識別!important
FF不能識別*，但能識別!important

另外再補充一個，底線”_“,
IE6支援底線，IE7和firefox均不支援底線。