css與背景圖像沒有重複的圖像

我有一列（讓我們假設寬度是40px），那裏我有一些行。行的高度取決於文本的長度（如果文本很長，則會出現斷線並因此高度增加）。css與背景圖像沒有重複的圖像

現在我想在文本旁邊的每一行中顯示一個圖標，以向用戶顯示例如他已經在該選項卡中完成了某些操作。所以我試圖通過只使用CSS來解決這個問題。所以如果用戶完成一個選項卡，然後我改變該行的CSS。但是，如果沒有圖像重複，我無法將該圖像添加到該行。

我使用這個CSS代碼：

padding: 0 8px; 
padding-top: 8px; 
padding-right: 8px; 
padding-bottom: 8px; 
padding-left: 8px; 
overflow: hidden; 
zoom: 1; 
text-align: left; 
font-size: 13px; 
font-family: "Trebuchet MS",Arial,Sans; 
line-height: 24px; 
color: black; 
border-bottom: solid 1px #BBB; 
background-color: white; 
background-image: url('images/checked.gif'); 
background-repeat-x: no-repeat; 
background-repeat-y: no-repeat;

有誰知道該怎麼做？

來源

2011-11-07 mkn

而不是

background-repeat-x: no-repeat; 
background-repeat-y: no-repeat;

這是不正確的，使用

background-repeat: no-repeat;

來源

2011-11-07 16:08:57 MOleYArd

這就是你需要：

background-repeat: no-repeat;

來源

2011-11-07 16:09:31 DanielB

試試這個

padding:8px; 
overflow: hidden; 
zoom: 1; 
text-align: left; 
font-size: 13px; 
font-family: "Trebuchet MS",Arial,Sans; 
line-height: 24px; 
color: black; 
border-bottom: solid 1px #BBB; 
background:url('images/checked.gif') white no-repeat;

這是完整的CSS ..爲什麼你使用padding:0 8px，然後用填充覆蓋它？這是你所需要的...

來源

2011-11-07 16:09:51

body { 
    background: url(images/image_name.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

這裏是一個很好的解決方案，讓您的圖像覆蓋Web應用程序的整個區域完美

來源

2015-04-08 14:27:55 laffan

css與背景圖像沒有重複的圖像

回答

相關問題