我想解決一些問題,當你在IE7中查看這個網頁。IE7 Bug流權
我已經上傳了一個網頁到測試現場(網頁在IE8和IE9看起來不錯):
http://www.jrdesign-website.co.uk/bar_menu/bar_menu.html
當網頁加載,向下滾動查看。您會在右側看到價格。小的重複完整站應該與價格和食品描述相符。
任何意見,將不勝感激
我想解決一些問題,當你在IE7中查看這個網頁。IE7 Bug流權
我已經上傳了一個網頁到測試現場(網頁在IE8和IE9看起來不錯):
http://www.jrdesign-website.co.uk/bar_menu/bar_menu.html
當網頁加載,向下滾動查看。您會在右側看到價格。小的重複完整站應該與價格和食品描述相符。
任何意見,將不勝感激
所以,你的代碼中有一個與點強調它作爲一個重複的背景和範圍內有一個包裝的div留下的食品名稱飄然和嵌套內的一個class .bar_font_bold_med,它是'float:right'。
兩種可能的解決方法。 1 \爲什麼沒有價格,即在它自己的代替。這將理清定位在正確的目標。它還將允許您使用價格中的中間或頂部等來獨立調整與食品相關的垂直位置。還可以使用CSS提供虛線下劃線。例如,考慮在左邊使用邊框樣式。 border-bottom: 5px dotted #fff
您如何附加風格取決於您。也許對相關個CSS類名是最好的方式,即
<td align="left" width="565" height="xxx"
bgcolor="#000000" background="images/yellow_dot.jpg"
... ...變得
<td class="foodItemCol" height="xxx">
...你有CSS樣式
.foodItemCol {
border-bottom: 5px dotted #ffffff;
width: 565px;
background-color: #000000;
}
或者,如果你與我的建議有另一個價格,然後使用這個CSS選擇器,這意味着你將不必打擾添加類名
#bar_menu_text table td {
border-bottom: 5px dotted #ffffff;
width: 565px;
background-color: #000000;
}
#bar_menu_text table td + td {
border-bottom: none;
width: auto;
background-color: #000000;
}
第二個樣式選擇器說第二個或之後的同胞在第一個之後出現的位置,然後覆蓋在上面的'#bar_menu_text表td'規則中應用的樣式,即價格列沒有虛線下劃線。 PS您已使用WYSIWYG編輯器生成此頁面的代碼,不是嗎?我已經修改了我的回答baring,因爲我猜你不習慣手工編寫HTML/CSS。 PPS你不需要z-index:5或者任何z-index的任何東西......它們只有在適用的元素是position:relative或position:absolute等時纔有用
謝謝爲你的答覆kikicarbonell。對不起,我應該提到我是一個初學者 - 你能更具體一些嗎? – user3609715