[問題] 背景半透明 圖片文字也跟著透明了

看板Web_Design作者 (Je t'aime)時間15年前 (2011/04/28 23:43), 編輯推噓1(105)
留言6則, 4人參與, 最新討論串1/1
有個問題很怪 我將網頁用div分成上、中、下 但在網頁本身有設一張背景圖片 中間那層又div分成左右兩邊 左邊放button 右邊放button連結的內容 中間那層的左右背景都設白色(#FFF) 另外設了透明度 左邊長這樣: #main_left { width: 200px; float: left; text-align: center; border-right-style: dashed; border-left-style: dashed; border-left-color: #990; border-right-color: #990; border-right-width: 0.1px; border-left-width: 0.1px; background-color: #FFF; filter:alpha(opacity=70); opacity:0.7; height: 400px; } 可是後來發現這樣不只背景變成半透明 連放在上面的button也跟著透明了>"< 詭異的是....我在學校問同學 同學用同樣的方法設定 用學校電腦的IE開啟就沒有這個問題(就只有背景變半透明) 家裡的IE就會有這個問題 讓我不知道是CSS設定錯誤? 還是家裡電腦的問題,可以忽略不管它? 請高手教教我~謝謝! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.117.163.197

04/29 00:04, , 1F
opacity:0.7本來就是這個意思,button也半透明才是對的
04/29 00:04, 1F

04/29 00:04, , 2F
IE只吃filter:alpha(opacity=70)那行
04/29 00:04, 2F
那要如何做才能只讓背景半透明不影響前面的內容呢?

05/01 01:47, , 3F
用photosho把背景圖調透明度存成png呢?
05/01 01:47, 3F

05/01 11:17, , 4F
不想透明的東西 不要包在透明的圖層裡面 用絕對位置相疊咧?
05/01 11:17, 4F

05/01 11:18, , 5F
但這樣做其實蠻多餘的 建議用png半透明(IE6就讓它隨風去吧)
05/01 11:18, 5F
OK~謝謝大家 今天晚上就來試試看^^ ※ 編輯: kikikiwi820 來自: 59.117.161.104 (05/01 17:20)

05/03 03:12, , 6F
background: rgba(... 可以解你的問題
05/03 03:12, 6F
文章代碼(AID): #1DkOiDqE (Web_Design)
文章代碼(AID): #1DkOiDqE (Web_Design)