2012年11月4日 星期日

使用圖片檔的時候,無法(也不要)寫在CSS裡

我雖然不知道原因
但是網路上查到的資訊是這樣告訴我的,如果有錯,麻煩可以回文告訴我一下

img 這個 tag,如果你要把圖片來源 src = "xxxx.png" 寫在CSS裡,是沒有辦法的,應該說,寫了沒有用。雖然 Dreamwave 的 intelligent senses 還是會引導你在 CSS 的程式片段中幫你引導出 Src 的程式類似這樣:src:url(img/close-button.png);可是,實際執行,圖片就是不會出來。



解法一:

在 CSS 中不要用 src 屬性,而改用 background-image 屬性,當然,您也想到了,這樣很怪,且,這樣圖片會多出一個外框,無法消掉.......,這樣不算解決方案。


解法二:

不要寫在 CSS 當中,直接寫在 HTML 裡<img class = "ImgStyle" src="img/button.png" ></img>,這樣就解決了,只是,這個無法放到CSS當中,不知道的人,可能得花好久的時間才找得出原因呢。

沒有留言:

張貼留言