-1
我正在創建一個旋轉木馬,並且根據可用寬度的寬度顯示圖像時遇到問題。我的圖像是由250像素350左右,我試圖伸展他們充滿整個窗口根據可用寬度調整圖像
<style>
\t .mainLeftContent
\t {
\t \t width: 80%;
\t }
\t .slider
\t {
\t \t margin: 10px 0;
\t \t width: 100%; /* Update to your slider width */
\t \t height: auto; /* Update to your slider height */
\t \t position: relative;
\t \t overflow: hidden;
\t }
\t .slider li {
\t \t display: none;
\t \t position: absolute;
\t \t top: 0;
\t \t left: 0;
\t }
</style>
<div id ="mainLeftContent">
\t <ul id="MainContentPlaceHolder_caruselUl" class="slider">
\t \t <li><a href="Recipe.aspx?RecipeId=14013">
\t \t \t <img class="caruselImageClass" src="../images/RecipeImages/635635997646632016.JPG" /></a>
\t \t </li>
\t </ul>
</div>
你試過了什麼?我沒有看到您的代碼中正在設計的imgs。哦,並且該代碼段不起作用。 – 2015-04-04 08:21:07