我有一张 table ,在里面我试图通过 css3 给每个 td 元素圆 Angular 。这适用于 Firefox、Chrome、Safari 但不适用于 Opera 和 IE9。我只需要为 IE9 工作,也许有人知道我做错了什么。我将提供一些代码,因为有很多。
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=1024">
</head>
<div class="timeline_page_wrapper">
<div class="wrap">
<table class="events_table">
<tr>
<th id="oct12">October</th>
<th id="nov12">November</th>
<th id="dec12">December</th>
<th id="jan13">January</th>
</tr>
<td class="event fn_milestone fn_healthcare fn_regulation fn_priority_med priority2 ">
<a class="inline-cBox" href="#milestone_3">
<div class="content">Again, Not Very Important</div>
<div class="lower">
<hr>
<span class="date">10.2012</span>
<span class="type">Regulation</span>
<img src="http://policyapp.beamland.com/img/icon-medical.png" alt="" height="21px" />
</div>
</a>
</td>
还有 CSS:
td.event {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius:12px;
-o-border-radius:12px;
border-radius: 12px;
-webkit-box-shadow:
0 1px 2px #fff, /*bottom external highlight*/
1px 1px 1px #666, /*side right external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,0.8), /*top internal highlight*/
inset -1px 1px 1px rgba(0,0,0,0.5); /*side right internal highlight*/
box-shadow:
0 1px 2px #fff, /*bottom external highlight*/
1px 1px 1px #666, /*side right external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,0.8), /*top internal highlight*/
inset -1px 1px 1px rgba(0,0,0,0.5); /*side right internal highlight*/
behavior: url('../pie/PIE.htc');
}
当我查看 IE9 的网络检查器时,它显示正在应用的边框,但没有显示出来。任何帮助将不胜感激。
最佳答案
我会回答我自己的问题,因为我问这个问题时没有提供足够的 CSS。显然 IE 9 不喜欢你同时使用渐变和圆 Angular 。那是我遇到的问题,但没有意识到。所以我通过使用纯色解决了这个问题,瞧,圆形边框出现了。
关于html - td 元素的圆 Angular 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12711485/