Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Bootstrap 4:是否有一个修复/解决方案,用于在MS Edge中对粘性边界进行假抗锯齿_Html_Css_Bootstrap 4_Microsoft Edge - Fatal编程技术网

Html Bootstrap 4:是否有一个修复/解决方案,用于在MS Edge中对粘性边界进行假抗锯齿

Html Bootstrap 4:是否有一个修复/解决方案,用于在MS Edge中对粘性边界进行假抗锯齿,html,css,bootstrap-4,microsoft-edge,Html,Css,Bootstrap 4,Microsoft Edge,我将参考Balaji731的答案 因此,如果您在MicrosoftEdge中打开画笔,并且启用了边框,则边框将滚动开,留下一个间隙,并且无法正确呈现THAD内容 作为我个人的解决方法,我设置了边框:0在上,我实际上不想这样做。有人能解决这个问题吗 <div class="table-responsive"> <table class="table table-hover" id="job-table"> <thead> <tr class="tex

我将参考Balaji731的答案

因此,如果您在MicrosoftEdge中打开画笔,并且启用了
边框,则边框将滚动开,留下一个间隙,并且无法正确呈现THAD内容

作为我个人的解决方法,我设置了
边框:0
上,我实际上不想这样做。有人能解决这个问题吗

<div class="table-responsive">
<table class="table table-hover" id="job-table">
 <thead>
  <tr class="text-center">
   <th scope="col">Sr.No.</th>
   <th scope="col">Company Name</th>
   <th scope="col">Technology</th>
   <th scope="col">Total Resumes</th>
   <th scope="col">Job Title</th>
   <th scope="col">Total Score</th>
   <th scope="col">Average Score</th>
  </tr>
 </thead>
 <tbody>
  <tr key={key}>
   <td class="font-weight-bold">1</td>
   <td class="font-weight-bold">ABCDED</td>
   <td>Software Developer</td>
   <td class="font-weight-bold">17</td>
   <td>5 years experience</td>
   <td class="font-weight-bold">30</td>
   <td class="font-weight-bold">30</td>
  </tr>
   <tr key={key}>
    <td class="font-weight-bold">1</td>
    <td class="font-weight-bold">ABCDED</td>
    <td>Software Developer</td>
    <td class="font-weight-bold">17</td>
    <td>5 years experience</td>
    <td class="font-weight-bold">30</td>
    <td class="font-weight-bold">30</td>
   </tr>
  </tbody>
</table>

您是在谈论表格标题的底线吗?在MS Edge浏览器中看起来很薄

Chrome浏览器中的快照:

如果您想在MS Edge中获得类似的输出,那么可以尝试将下面的样式添加到您的TH标记中

border-bottom: 4px solid lightgray;
修改的代码示例:


.表格响应{
高度:400px;
溢出:滚动;
}
第1个孩子{
背景:白色;
位置:粘性;
排名:0;
z指数:10;
边框底部:4倍纯色浅灰色;
}
高级专员:没有。
公司名称
技术
总简历
职位名称
总分
平均分
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
痛斥
软件开发人员
17
5年工作经验
30
30
1.
border-bottom: 4px solid lightgray;