使用CSS 從右側定位背景影像
透過簡單的調整可以實現從元素右側偏移背景影像背景位置
問題:
「如何將背景影像放置在距離其元素右側一定像素數的位置?」
答案:
在CSS3 中,background-position 屬性提供了一種通用的機制來調整背景影像的放置。若要將影像定位到距右側特定距離的位置,請使用下列語法:
background-position: right Xpx top;
此處,「Xpx」表示右邊緣所需的偏移量。例如,要將影像定位在距離右側10 像素的位置,您可以將此屬性設為:
background-position: right 10px top;
此功能在現代瀏覽器中得到廣泛支持,包括Chrome、Firefox 和Safari,以及行動瀏覽器
注意:
Internet Explorer 8 和Internet Explorer 不支援此技術以下。不過,現在所有主要瀏覽器都支援它,包括 Internet Explorer 11 和 Edge。
以上是如何使用 CSS 將背景圖片從右側偏移?的詳細內容。更多資訊請關注PHP中文網其他相關文章!