1樓:大野瘦子
這樣:注意事項
此外對於透明度有一點要說明一下,就是在ie中在css中設定透明度的方式filter:alpha(opacity:value)其中value值從0~100;
透明度可以通過opacity:value來設定,其中value=0~1.
**如下:
2樓:匿名使用者
在日常開發的**中,常常會用到設定透明度問題,最簡單的就是**的淡入淡出效果。下面我介紹一下在原生js和jquery中設定透明度的相關問題和注意點:
1 透明度樣式設定
透明度在ie瀏覽器和其他相關瀏覽器中的設定方法不太相同,ie使用filter:alpha屬性,firefox使用opactiy屬性,下面示例設定透明度為30%:
ie:filter: alpha(opacity:30);
firefox:opacity(0.3);
2 原生js設定透明度
為了相容ie與其他瀏覽器對透明度的設定,我們需要對以上兩種樣式分別進行設定;
複製****如下:
var alpha = 30; //透明度值變數
var odiv = document.getelementbyid('div1'); //獲取dom元素物件
odiv.style.filter = 'alpha(opacity:'+alpha+')'; //設定ie的透明度
odiv.style.opacity = alpha / 100; //設定fierfox等透明度,注意透明度值是小數
3 jquery設定透明度
jquery中對透明度的設定進行了整合,相容ie和其他瀏覽器,修改opactiy屬性值即可,值為小數,因此只需要設定一次即可;
複製****如下:
$(function());
4 乙個示例
示例使用原生js實現乙個div的淡入淡出效果;滑鼠移入div區域,透明度為100%,滑鼠移出div區域透明度為30%,同時用時間控制透明度轉換效果;
複製****如下:
window.onload=function()
; odiv.onmouseout = function() //滑鼠移出方法
; }var timer = null;//時間物件
var alpha = 30;//透明度初始值
function startmove(itarget)
else
if(alpha == itarget)
else
},30);}
3樓:匿名使用者
第乙個是「ie專用寫法」,所以在其他瀏覽器上不行;第二個是「w3c標準寫法」,ie9+和其他瀏覽器都支援。
4樓:
filter="brightness(100%)"
5樓:匿名使用者
寫法沒錯,但是就是得看你的this是什麼了。
6樓:
試了一下,好像第乙個不行,第二個可以
j**ascript如何改變透明度
7樓:武漢新華電腦學校
換個瀏覽器或新增多核心相容語句
var alpha = 30; //透明度值變數var odiv = document.getelementbyid('div1'); //獲取dom元素物件
odiv.style.filter = 'alpha(opacity:'+alpha+')'; //設定ie的透明度
odiv.style.opacity = alpha / 100; //設定fierfox等透明度,注意透明度值是小數
8樓:網海1書生
僅從**來看是沒問題的。但影響程式執行的因素是多方面的,沒看到你完整的**(包括js和html),不好妄下定論,僅僅猜測一下:你說執行到調整透明度的語句就不再往下執行了,那麼原因估計是兩個:
一是left和right這兩個id在頁面上不存在(或者存在乙個以上);二是瀏覽器不支援opacity。你可以在出錯的地方測試一下:
console.log(document.getelementbyid("left"));
console.log(document.getelementbyid("left").style.opacity);
只要看哪個顯示的是undefined,就知道是哪個出問題了。
其實你按f12開啟開發者介面,看一下紅字提示應該就知道什麼原因了啊?不會用嗎?
9樓:匿名使用者
//ie
var lg=document.getelementbyid("login");
var op=30;
lg.style.filter="progid:dximagetransform.microsoft.alpha(enabled=true)";
lg.filters.item("dximagetransform.microsoft.alpha").opacity=op;
photoshop中如何增加透明度
好人100個 photoshop中如何增加透明度的方法 正在使用畫筆工具,要調整不透明度時,還要開啟設定框,很麻煩。這時你可以直接按鍵盤上的數字鍵來設定。比如當你按一下 0 鍵時,則不透明度為100 1 鍵為10 先按 4 再按 5 那麼不透明度則為45 依次類推。 你好這位朋友!很簡單。要使 的透...
江門的哪種全透明樹脂瓦透明度更高?
透明樹脂瓦與哪種樹脂瓦配套使用的?透明樹脂瓦是與asa合成樹脂瓦配套使用的,透光率高達90 阻燃防火,環保無毒,抗衝擊力強,遮陽擋雨,寬度有1050和880mm兩種,節距219mm,波高30mm,波距160mm,有效寬度960mm,長常規是1100mm 2200mm 3300mm三種,特殊長度也可按...
裡的背景圖怎麼調透明度,word裡的背景圖怎麼調透明度?????????
平玉蘭樂嬋 我用的是2007版本的,在文字框背景圖插入之後,按一下 格式 下的 文字框樣式 右上角的小箭頭,出現 設定文字框格式 的對話方塊。然後去找 顏色與線條 填充 透明度 透明度的百分比越大,越透明。 1 選單欄 格式 背景 水印 水印 選擇 插入 確定 2 雙擊 頁首 出現 頁首和頁尾 工具...