如果單純設定 position : fixed ,DIV 會在捲軸開始滾動時就啟動固定元素,但想要瀏覽到指定位置時才啟用該怎麼辦呢?只要兩步驟教你輕鬆解決!
前陣子有客人提出說為什麼網站上部分網頁在列印時會顯示出超連結,仔細研究了一下,的確只要有設定超連結 a 標籤的,就會把 href 屬性裡的連結顯示在文字之後...
看膩了漢堡鈕的夾心造型嗎?今天教你用 CSS3 以及簡單的 javascript 讓漢堡鈕點擊後變成 X 。
有沒有人跟小編我一樣只要碰到數學算式就一個頭兩個大的呢,使用CSS來設計版型, 雖然版面修改上相對靈活,但每當版面有多個區塊組合時,就得分別計算出每個區塊的大小及間距...
網頁表單的 input 可以用來上傳檔案,但是要怎麼限制使用者只能上傳指定的檔案類型呢?這次我們來學學使用 accept 屬性選擇可接受的檔案類型。
我們常在寬高設定單位上會使用百分比(%)和像素(px),而今天我們就來學習CSS3好用的新單位vh、vm,現在先來比較一下這幾個單位功能上有什麼不同的效果吧!...
Facebook 宣布即將推出官方「顧客聊天外掛程式」(Customer Chat Plugin),目前這項功能已經進入公開測試階段,如果網站、部落格跟 Facebook 社群連結很深,又會經常透過 Facebook Messenger 接收顧客訊息、提供客戶服務的話,這個功能能夠帶給妳更強大的效果!!!
使用社群軟體作為線上客服不但免費,還能即時性與客戶進行互動,在App當道的時代下,這個外掛程式絕對能符合現今潮流,它可在網站的右下角產生出一個icon,當點擊以後就會展開資訊,所以可以嵌入Facebook、LINE、WhatsAPP...等等聯絡方式,有興趣的你千萬別錯過了!...
FontAwesome提供大家下載使用免費的網站圖示因而廣為人知,把icon作成文字所以無論怎麼縮放都不會失真模糊甚至還可以變換顏色與大小,使用上比svg來得更方便,但雖然這些圖示檔不大,同時載入時卻也相當可觀...
文本溢出我們經常用到的應該就是text-overflow:ellipsis了,相信大家也很熟悉,但是對於多行文本的溢出處理確接觸的不是很多,最近在公司群裡面有同事問到,並且自己也遇到過這個問題,所以專門研究過這個問題。首先我們回顧一下以前實現單行縮略是可以通過下面的代碼實現的(部分瀏覽器需要設置寬度)...