試圖重複一個非背景圖像

我試圖重複一個圖像，但我嘗試過的一切都不起作用。試圖重複一個非背景圖像

HTML機身碼：

<body> 
    <h1>Native Flowers</h1> 
    <div id="header"></div> 
    <div id="navBar"> 
     <ul> 
     <li>Home</li> 
     <li>Other</li> 
     <li>Other</li> 
     <li>Other</li> 
     <li>Other</li> 
     </ul> 
    </div> 
    <img class="pinkTex" src="res/pinkTex.jpg"/> 
</body>

這是我的HTML文件的主體目前的代碼。

CSS pinkTex：

.pinkTex { 
left: 0px; 
height: 100%; 
width: 200px; 
}

目前，這是爲IMG的pinkTex類的代碼。

所以，如果我能得到一些關於如何重複這個y軸的幫助，那將是很棒的。謝謝。

來源

2016-05-17 Sitruc

如果您在body tag中給圖片使用此代碼，請確保您的圖片路徑是正確的。

body 
    { 
     background-image: url("res/pinkTex.jpg"); 
     background-repeat: repeat-y; 
    }

可以使用也

.pinkTex 
    { 
     left: 0px; 
     height: 100%; 
     width: 200px; 
     background-image: url("res/pinkTex.jpg"); 
     background-repeat: repeat-y; 
    }

來源

2016-05-17 05:25:13 Vishal

它工作時的高度心不是100％，它像1000像素，但我不希望出現這種情況 – Sitruc

試圖重複一個非背景圖像

回答

相關問題