這里當鼠標放到這個Td上的時候,背景圖不變,Td顯示半透明狀態,這些文字不能為透明效果.這里怎么做啊, 
 

回復討論(解決方案)

全兼容方式的話，分三個部分構造
原結構 遮罩 文字
原結構使用position:relative;
遮罩和文字使用postion:absolute;
遮罩的透明度opacity根據自己需要去設置，注意IE和chrome/ff下的設置方式不同
遮罩的z-index可以設置為10，然后文字的設置為11
根據top和left調整文字的相對位置為合適

全兼容方式的話，分三個部分構造
原結構 遮罩 文字
原結構使用position:relative;
遮罩和文字使用postion:absolute;
遮罩的透明度opacity根據自己需要去設置，注意IE和chrome/ff下的設置方式不同
遮罩的z-index可以設置為10，然后文字的設置為11
根據top和left調整文字的相對位置為合適

恩 你的意思是 他每個遮罩都算出位置?

全兼容方式的話，分三個部分構造
原結構 遮罩 文字
原結構使用position:relative;
遮罩和文字使用postion:absolute;
遮罩的透明度opacity根據自己需要去設置，注意IE和chrome/ff下的設置方式不同
遮罩的z-index可以設置為10，然后文字的設置為11
根據top和left調整文字的相對位置為合適

恩 你的意思是 他每個遮罩都算出位置?
不用啊，就拿例子里面的來說。你要給一個小塊塊（Box）做遮罩的話，Box用postion:relative;，然后遮罩部分用那個postion:absolute，默認就是處于相對Box的左上角（top:0;left:0;），如果你需要調整的話才需要重新設置。

全兼容方式的話，分三個部分構造
原結構 遮罩 文字
原結構使用position:relative;
遮罩和文字使用postion:absolute;
遮罩的透明度opacity根據自己需要去設置，注意IE和chrome/ff下的設置方式不同
遮罩的z-index可以設置為10，然后文字的設置為11
根據top和left調整文字的相對位置為合適

1樓正解

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com