程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 數據庫知識 >> 其他數據庫知識 >> MSSQL >> SQL 查詢剖析中應用net敕令成績

SQL 查詢剖析中應用net敕令成績

編輯:MSSQL

SQL 查詢剖析中應用net敕令成績。本站提示廣大學習愛好者:(SQL 查詢剖析中應用net敕令成績)文章只能為提供參考,不一定能成為您想要的結果。以下是SQL 查詢剖析中應用net敕令成績正文


PNG圖象格局引見:

PNG是20世紀90年月中期開端開辟的圖象文件存儲格局,其目標是妄圖替換GIF和TIFF文件格局,同時增長一些GIF文件格局所不具有的特征。流式 收集圖形格局(Portable Network Graphic Format,PNG)稱號起源於非官方的“PNG’s Not GIF”,是一種位圖文件(bitmap file)存儲格局,讀成“ping”。PNG用來存儲灰度圖象時,灰度圖象的深度可多到16位,存儲黑色圖象時,黑色圖象的深度可多到48位,而且還可 存儲多到16位的α通道數據。

IE6下PNG配景通明的顯示成績

PNG格局比起GIF來表示顏色更豐碩,特殊是表示突變和配景通明的突變要比GIF格局精彩許多,今朝,最新的閱讀器根本上都支撐PNG格局。然則IE6不支撐PNG配景通明,會顯示一個灰色的框。

IE6下PNG配景通明的處理方法
.pngImg { background:url(image.png); _background:url(image.gif);}
留意上文的_號,今朝IE7,8和Firefox閱讀器等都不支撐此CSS語法,只要IE6辨認。是以,其他閱讀器會挪用PNG,而IE6剛挪用GIF。

二.濾鏡filter處理IE6下配景灰

background:url(a.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="a.png" ,sizingMethod="crop");
下面的道理是其他挪用PNG,IE6,則先設配景沒有,然後挪用濾鏡使之顯示PNG圖片。

缺點:IE6下配景沒法平鋪,這個成績很嚴重。同時在機能上也有小成績,頁面中次數不是許多的時刻該方法照樣可行的。

AlphaImageLoader濾鏡會招致該區域的鏈接和按鈕有效,處理的方法是為鏈接或按鈕添加:position: relative;如許條代碼,使其絕對浮動。AlphaImageLoader沒法設置配景的反復,所以對圖片的切圖精度會有很高的准確度請求。

處理IE下的鏈接有效可用最初面的辦法:

三.應用JS處理html中的img(拔出在網頁中的png圖象)png配景灰成績

頁面中拔出一段js便可。道理同上,只是將img標簽用<span>標簽調換失落,而且經由過程濾鏡設置該<span>標簽的background。它會將一切拔出的PNG都如斯處置。


<!--[if IE 6]>
<script>
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i];
var imgName = img.src.toUpperCase();
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : "";
var imgClass = (img.className) ? "class='" + img.className + "' " : "";
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
var imgStyle = "display:inline-block;" + img.style.cssText;
if (img.align == "left") imgStyle = "float:left;" + imgStyle;
if (img.align == "right") imgStyle = "float:right;" + imgStyle;
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
var strNewHTML = "<span "+ imgID + imgClass + imgTitle + "style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src='" + img.src + "', sizingMethod='scale');\"></span>";
img.outerHTML = strNewHTML;
i = i-1;
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]--> ​


四.挪用iepngfix.htc處理IE6PNG配景灰及拉伸成績

此辦法來自:http://www.twinhelix.com/css/iepngfix/ 此辦法基於Winodws平台,在Linux下不支撐htc,沒有驗證過,但有網友發文證明。

以下片斷添加至css文件

<div class="pngImg">PNG配景圖片</div> <img src="png圖片" class="pngImg" alt="">
具體的運用辦法這裡就不引見啦。

在必不得以且情不自禁必需應用PNG的情形下,這類辦法應當是比擬優良的,固然不克不及完善的處理IE6的平鋪,然則至多是完成了拉伸,使得許多情形下可以取代平鋪來應用。固然效力的成績任然是存在

五.讓“塊”通明的辦法

.div { FILTER: alpha(opacity=20); moz-opacity: 0.2; opacity: 0.2;}
測試IE6,IE7,IE8,FF2,FF3均經由過程。提醒:IE6,IE7需設置一個寬度(100%也行),不然看不到後果。

六.DD_belatedPNG,處理IE6不支撐PNG絕佳計劃

全部互聯網上處理這個IE6的通明PNG的計劃也是多不堪數,從應用IE獨有的濾鏡或是e xpression,再到javascript+通明GIF替換.然則這些辦法都有一個缺陷,就是不支撐CSS中backgrond-position與 background-repeat.

而我明天引見DD_belatedPNG,只須要一個來由,就是它支撐backgrond-position與background-repeat.這是其他js插件不具有的.同時DD_belatedPNG還支撐a:hover屬性,和<img>.

看Demo: http://www.ediyang.com/demo/DD_Png/

道理
這個js插件應用了微軟的VML說話停止繪制,而其他多半處理PNG成績的js插件用的是AlphaImageLoader濾鏡.

應用辦法

/Files/aKing/處理IE6通明PNG.rar
1.在這裡下載DD_belatedPNG.js文件.
http://dillerdesign.com/experiment/DD_belatedPNG/#download

2.在網頁中援用,以下:


<!--[if IE 6]>
<script src="DD_belatedPNG.js" mce_src="DD_belatedPNG.js"></script>
<script type="text/javascript"> /* EXAMPLE */ DD_belatedPNG.fix('.png_bg'); /* 將 .png_bg 改成你運用了通明PNG的CSS選擇器,例如我例子中的'.trans'*/ </script> <![endif]-->

3.有2種挪用函數,一種是DD_belatedPNG.fix(),如上代碼.另外一種是fix(),這中辦法須要在函數內指出css選擇器名.
應用a:hover請留心
5-25 更新:假如你也像jutoy同窗一樣想要用通明PNG作為a:hover時的配景圖片,那末你須要留心你的代碼,須要以”a:hover”來作為選擇器. 不然能夠會招致沒法勝利.同時我也更新了demo,請須要的更新檢查.接著我們看看准確的代碼:


<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript"> DD_belatedPNG.fix('.trans,.box a:hover'); </script>
<![endif]-->

七.經由過程 javascript 和 css 濾鏡處理 IE 整站 png 配景通明成績


<script type="text/javascript" language="javascript">
function enablePngImages()
{ var imgArr = document.getElementsByTagName("IMG");
for(i=0; i<imgArr.length; i++){
if(imgArr[i].src.toLowerCase().lastIndexOf(".png") != -1)
{
imgArr[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgArr[i].src + "', sizingMethod='auto')";
imgArr[i].src = "spacer.gif";
}
if(imgArr[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1)
{
var img = imgArr[i].currentStyle.backgroundImage.substring(5,imgArr[i].currentStyle.backgroundImage.length-2);
imgArr[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
imgArr[i].style.backgroundImage = "url(spacer.gif)";
}
}
}
function enableBgPngImages(bgElements)
{
for(i=0; i<bgElements.length; i++)
{
if(bgElements[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1)
{ //alert(bgElements[i]);
var img = bgElements[i].currentStyle.backgroundImage.substring(5,bgElements[i].currentStyle.backgroundImage.length-2);
bgElements[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
bgElements[i].style.backgroundImage = "url(spacer.gif)";
}
}
}
</script>
<img src="pngpic.png" alt="" border="0" />
<!--[if lt IE 7]>
<script type='text/javascript'>
var bgElements; enablePngImages(); if(bgElements){ enableBgPngImages(bgElements); }
</script>
<![endif]-->

.pngImg {behavior: url(iepngfix.htc);}
以下片斷添加至html文件一.IE6應用gif,其他則應用png來處理PNG配景灰
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved