使用::before 與 ::after來製作可列印的logo圖片
網頁設計一直以來都存在著一個很多人都遇到的問題,就是LOGO圖片究竟該不該放到HTML原始碼中?若是放在HTML中,那麼HTML原始碼就增 加了一段因為「視覺需要」而添加的原始碼,這跟我們希望把結構與視覺分離的目的是悖離的,倘若放置在CSS中並使用背景圖片的設計方式,則在USER列印 畫面時,由於瀏覽器預設是不列印背景影像與色彩的,所以LOGO將無法被列印出來,長久以來設計師不斷的希望能夠將視覺設計與文件結構分離,使用CSS &HTML技術可以完美的達到此目的,卻因為瀏覽器預設不會列印網頁的背景色彩與圖片的這個問題,導致網頁設計師在設計上總是有此一矛盾現象,將圖片置入 HTML與不置入HTML的設計師則分成了兩派,且爭論仍舊存在,直到現在Amos有了完美的解決方案。