CSS div背景圖片RWD Background-img

如何讓<div>高度自動調整到背景圖片大小? 另一種可能效率低下的解決方案是將圖像包含在<img/>元素集下visibility: hidden;,然後<div>使background-image。 這會將<div>設置為<img/>元素中圖像的大小,但將其顯示使用的是背景。...

CSS3 :target 選擇器做出onClick效果純CSS的lightbox

CSS3 :target 選擇器 定義和用法 URL 後面帶有錨名稱#(錨點),指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。 :target 選擇器可用於選取當前活動的目標元素。 :target CSS 代表一個唯一的元素(目標元件用)id匹配的URL的片段。 / *選擇一個ID與當前URL片段匹配的元素* / :target { border : 2px solid black ; } 例如,下面的URL有一個片段(用#符號表示)指向一個名為section2:...

CSS3 print 列印紙張大小分頁邊框大小方法

CSS3列印解決許多問題,如@media print可對列印頁面做不同的CSS顯示,設定邊框與頁輸出列印的紙張大小調用,都可以很客製化的去製作所需要的呈現的列印頁面,並且想讓某段落分到下一個頁面,也可用pag-break-after:always;強制分頁。 以下簡單的範例展示這些CSS3很棒的功能。 @page { margin: 1cm; /*print邊界*/ size:210mm 148mm; /*列印紙張大小*/ } .print{ page-break-after:always; /*print分頁面*/ }...