2012年7月16日 星期一

TIPS: 如何將圖片在網頁變成全螢幕


好久沒寫東西..。
有礙於我的國文造詣程度,這篇的標題實在很難下,以前我也曾經為了想網頁的效果,想要把一張圖片,100%當作網頁的背景,但是以前一直沒設定成功,不知道關鍵字該怎麼打才能找到我的要的效果,簡單來說就是怎麼把一張圖片變成網頁的背景。今天無意間找了兩個關聯的網址,分別有其教學,可以參考看看,特地記錄下來,以免下次忘記


Make a Full Screen Image Background With a Line of CSS 

這是第一個網站,標題換句話說是如何使用css使得圖片在瀏覽器全螢幕
這個教學真的簡潔有力,但全螢幕也是有分cover跟contain的
[contain就是依照圖片的比例去放大到全螢幕(不會有畫面被裁切)]


Perfect Full Page Background Image

這是另外一個教學網站,不過他提供的source比較多,但沒有上面的簡潔有力。
可是他除了有分析不同瀏覽器可以用哪一種css寫法之外
也提供jquery的全螢幕的寫法。

沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...