[問題] jquery-corner 會有直線出現@@

[jackyeah1213 (frog)]

想請問一下

為什麼我用這套件在border右邊

有的地方會出現直線@@

http://imgur.com/dUG07

如圖所示

不好意思  補充說明

CSS:

color:white;
height:30px;
padding:5px 20px 5px 20px;
vertical-align:middle;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #707070 1%, #bebebe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #707070), color-stop(100%, #bebebe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #707070 1%, #bebebe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #707070 1%, #bebebe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #707070 1%, #bebebe 100%); /* IE10+ */
background: linear-gradient(to bottom, #707070 1%, #bebebe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#bebebe', GradientType=0 ); /* IE6-9 */

HTML:

<tr align="center">
   <td><div id="radius_d" class="radius_C">我沒有直線</div></td>
   <td><div id="radius_e" class="radius_C">我也沒有直線</div></td>
   <td><div id="radius_f" class="radius_C">我沒有直線</div></td>
   <td><div id="radius_g" class="radius_C">我還是沒有直線</div></td>
   <td><div id="radius_i" class="radius_C">但是我旁邊出現直線@@</div></td>
</tr>

javscript:

$(function(){
        $("#radius_a,#radius_b,#radius_c,#radius_d,#radius_e,#radius_f,#radius_g,#radius_h,#radius_i").corner();
})


我同一頁面都會有用到蠻多

但有時候會出現1.2個div使用圓角  旁邊會有詭異的直線

而如果用ctrl+滾輪  放大頁面

直線會消失  其他原本沒直線的  反而會出現@@

在換%數  就又不同的狀況

不得其解@@

希望能有人解答~"~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.163.194.235
→ pukia:查一下CSS吧....你這樣貼誰會知道....
※ 編輯: jackyeah1213    來自: 118.163.194.235      (07/23 17:55)
→ kerash:background 設 no-repeat
→ jackyeah1213:我設了background-repeat:no-repeat; 還是有欸~"~
→ kerash:把完整的 td 顯示的圖跟你的 css 是對哪個 class 寫出來
→ kerash:另外可以用開發工具來測試看看他是 border 還是 background