Form表單提交按鈕圖片IE6下背景透明（js提交）

?

我們知道 光png圖片在IE6下面透明方法很多，網(wǎng)上也很多，但是我今天遇到了個難題：form表單提交按鈕png圖片要求背景透明。我弄了半天，轉(zhuǎn)個思維，Form提交方法：1,大家都知道的submit提交；2，js提交，只有這樣才能使png背景透明.
上面要求我做的是一個搜索框：直接上代碼：

<form action="search.php" name="formAddress" id="formAddress"??method="post">
? ???<input type="text" size="33" name="usearch" class="skuang" />
? ???<a href="javascript:addressadd();" name="submit" id="savesubmit">
? ?? ?? ? <img src="images/Search_btn.png" class="into" />
? ???</a>
</form>

js控制提交代碼：

<script>function addressadd(){document.formAddress.submit();}</script>

js使png圖片透明代碼（記得把這個加到頭部head之間）：

<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
? ? var arVersion = navigator.appVersion.split("MSIE")
? ? var version = parseFloat(arVersion[1])
? ? if ((version >= 5.5) && (document.body.filters))
? ? {
? ?? ? for(var j=0; j<document.images.length; j++)
? ?? ? {
? ?? ?? ? var img = document.images[j]
? ?? ?? ? 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
? ?? ?? ?? ? j = j-1
? ?? ?? ? }
? ?? ? }
? ? }? ??
}
window.attachEvent(" correctPNG);
</script>

總結(jié)：有時候想問題不能太死板，要靈活，這條路走不通，就不走，換條路走，條條道路通羅馬。

? ? ? 本文轉(zhuǎn)自許琴 51CTO博客，原文鏈接：http://blog.51cto.com/xuqin/925198，如需轉(zhuǎn)載請自行聯(lián)系原作者

總結(jié)

以上是生活随笔為你收集整理的Form表单提交按钮图片IE6下背景透明（js提交）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。