CSS中有許多常見的布局技巧,如如何使文字在圖片之上顯示。這可以通過使用z-index屬性輕松實現。
img { position: relative; z-index: 1; } p { position: relative; z-index: 2; }
如上所述,將圖片和段落置于相對位置,并將圖片的z-index屬性設置為1,段落的z-index屬性設置為2。這使得段落位于圖片之上。
此外,您還可以通過將背景顏色設置為透明來確保圖片的正常顯示。
p { background-color: rgba(255, 255, 255, 0.5); }
最后,使用CSS的這些技巧時,應在所有瀏覽器中進行測試,以確保顯示效果一致。