[問題] jquery-corner 會有直線出現@@
想請問一下
為什麼我用這套件在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
→
07/23 17:45, , 1F
07/23 17:45, 1F
※ 編輯: jackyeah1213 來自: 118.163.194.235 (07/23 17:55)
→
07/23 18:42, , 2F
07/23 18:42, 2F
→
07/23 18:48, , 3F
07/23 18:48, 3F
→
07/23 19:05, , 4F
07/23 19:05, 4F
→
07/23 19:06, , 5F
07/23 19:06, 5F