在Web開發(fā)中,背景圖片是一種很常見的元素。有時候我們需要將背景圖片進行平鋪,但也有時候我們需要讓背景圖片只出現(xiàn)一次,這時就需要用到jquery no-repeat。
background-repeat: no-repeat;
上面的代碼意思是設置背景圖片不進行平鋪,只顯示一次。
如果我們想在某一個div中使用jquery no-repeat,可以像下面這樣:
div { background-image: url('image.png'); background-repeat: no-repeat; }
這樣就可以把背景圖片設置為只出現(xiàn)一次,而不是平鋪。
jquery no-repeat不僅可以用于div元素,還可以用于其他元素的背景圖片設置中。同時,如果需要在hover時切換背景圖片,也可以使用jquery no-repeat:
div:hover { background-image: url('image-hover.png'); background-repeat: no-repeat; }
上面的代碼是當鼠標懸浮在div上時,背景圖片會切換為'image-hover.png',并且不進行平鋪。
總之,jquery no-repeat是一個很方便實用的屬性,可以讓我們在設置背景圖片時更加靈活。
下一篇jquery nivo