CSS3 中的拉伸漸變
為
指定CSS3 漸變背景時元素時,漸變不會拉伸以填充整個瀏覽器視窗。相反,它會重複自身,直到內容區域被填滿。如果您希望漸變超出內容範圍,此行為可能會令人沮喪。解決方案
要使漸變拉伸以填充瀏覽器窗口,請應用以下CSS :
html { height: 100%; } body { height: 100%; margin: 0; background-repeat: no-repeat; background-attachment: fixed; }
這些樣式完成以下任務:
以上是為什麼我的 CSS3 漸層不能拉伸以填充整個瀏覽器視窗?的詳細內容。更多資訊請關注PHP中文網其他相關文章!