2016-02-17 30 views
0

我試圖阻止我的旋轉背景重複。我在這裏錯過了什麼,它需要去哪裏?我得到的圖像旋轉和鏈接,但是當背景渲染時,圖像重複。在css中設置旋轉背景不再重複

/* Clickable BG */ 
 
$(function() { 
 
     var bgImages = ["bkgd1.png", "bkgd2.png", "bkgd3.png", "bkgd4.png"]; 
 
     var indexImage = Math.floor(Math.random() * bgImages.length); 
 
     /* 
 
     setInterval(function(){ 
 
       $('body').css('background-image', "url(/css/images/" + bgImages[indexImage] + ")"); 
 
       indexImage++; 
 
       if(indexImage == bgImages.length) { 
 
         indexImage = 0; 
 
       } 
 
     }, 3000); 
 
     */ 
 
     $('body').addClass(bgImages[indexImage]).css('background-image', "url(/css/images/" + bgImages[indexImage] + ")"); 
 
}); 
 

 
$('.clickableBG').click(function() { 
 
     if($('body').hasClass('bkgd1.png')) { 
 
       window.open("https://www.google.com/", "_self"); 
 
     } 
 
     else if($('body').hasClass('bkgd2.png')) { 
 
       window.open("https://www.yahoo.com/"); 
 
     } 
 
     else if($('body').hasClass('bkgd3.png')) { 
 
       window.open("https://www.aol.com/"); 
 
     } 
 
     else if($('body').hasClass('bkgd4.png')) { 
 
       window.open("https://www.aol.com/"); 
 
     } 
 

 
}); 
 

 
/* Clickable BG */

回答

0

我不知道如果我明白了什麼是你的問題,但是當你的意思是,在一個元素的背景圖像重複,那麼你應該使用:

background-repeat: no-repeat; 

有其他有用的選項:

background-color 
background-repeat 
background-attachment 
background-position