css-featured-image

object-fit在IE與Edge的對應處理

今天要介紹的是如何在不支援object-fit的IE與新皮IE骨的Edge裡處理容器內元素形變的問題。有點饒舌,簡單來說就是IE不支援它怎麼辦 TvT? 關於object-fit元素作用為何,在此就不贅述了。有興趣的可以到某貓這篇文章看看,可以直接看到object-fit效果 :保持正圓或正方形的圖片。

HTML5 Web Storage使用介紹

今天來說說HTML5的新東西:Web Storage Web Storage簡介: 一個能讓網頁把資訊儲存在本地端的技術 比起前輩cookie的儲存量,web storage的儲存量大了許多 資訊儲存僅限本地端,不會因為頁面進行request就伺服器端與本地端的兩端旅行(cookie會) 分為local storage和session storage兩種 瀏覽器支援部份: Google chrome:4.0 Ie:8.0 Firefox:3.5 Safari:4.0 Opera:11.5 沒有六了只是覺得ie8居然支援有點不可思議

Font from origin has been blocked (CORS)

之前公司換了新主機,資料搬運完畢也沒出什麼問題,直到客服問某貓「那個選項前面本來就長這樣嗎?」為止。 一般的選項前面要麼是代表多選的圈圈,要麼是代表單選的正方形。就算某貓用字型代替那個系統預設的形狀,某貓也遵守這個「多選圈圈,單選方框」的規定。

css-featured-image

網頁反白設定「::selection」

不知道知各位是否有注意到,有些網站當滑鼠反白時,反白區域的底色好像不太一樣? 通常的反白底色應該是藍色,就是舊版Windows桌面(對,就是那張風景照)天空的藍色。但其實也可以像 INSIDE 這樣修改反白時的背景色跟字體顏色! 今天要介紹的 pseudo element 偽元素::selection就是負責這項設定。

1 2 3 4