मेरे पास एक बहुत ही विशिष्ट HTML तालिका निर्माण है जो एक गीको बग प्रकट करता है।गीको-आधारित ब्राउज़र में सीएसएस तालिका सेल सीमाओं को गायब कर रहे हैं
यहां समस्या का एक आसुत संस्करण है। एक छिपकली आधारित ब्राउज़र में निम्न तालिका का निरीक्षण करें (एफएफ, उदाहरण के लिए): (आप कॉपी करके एक नई फ़ाइल में चिपका करना होगा)
<style>
table.example{
border-collapse:collapse;
}
table.example td {
border:1px solid red;
}
</style>
<table class="example">
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td rowspan="3">3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td rowspan="2">2</td>
</tr>
<tr>
<td>1</td>
<td>3</td>
</tr>
</tbody>
</table>
वहाँ एक लाइन "3" से अधिक लापता में है निचले दाएं सेल - इसे किसी भी अन्य ब्राउज़र में देखें और लाइन अपेक्षित के रूप में दिखाई देगी। दिलचस्प बात यह है कि तालिका के थैड सेक्शन को देखें और देखें कि हमें क्या मिलता है:
<style>
table.example{
border-collapse:collapse;
}
table.example td {
border:1px solid red;
}
</style>
<table class="example">
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td rowspan="3">3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td rowspan="2">2</td>
</tr>
<tr>
<td>1</td>
<td>3</td>
</tr>
</tbody>
</table>
ऐसा करने से यह काम करता है। क्या किसी ने इसे देखा है? मुझे लगता है कि अब मैं अपने थैड सेक्शन को एक वर्कअराउंड के रूप में छुटकारा पाउंगा हालांकि यह तालिका को कम सुलभ बनाता है।
, पहला उदाहरण: http://jsfiddle.net/eahb2t90/2/ –