当前位置：首页 → 问答吧 → 下图是在IE下运行Boxy自带例子的截图，四个角不像 FireFox 那样是圆角的

下图是在IE下运行Boxy自带例子的截图，四个角不像 FireFox 那样是圆角的

时间：2009-08-03

来源：互联网

作者: nb301dr 发布时间: 2009-08-03

自沙，哪位大侠给看下

作者: nb301dr 发布时间: 2009-08-03

虽然没用做过圆角的，不过看这个应该少了很多东西吧 - -#，圆角应该是很多div叠出来的吧，你仔细看看周围，如果再多来一些合适的div，那么圆角的效果就慢慢会出来的，感觉像微积分啊...

作者: yhb70599 发布时间: 2009-08-03

引用

引用第2楼yhb70599于2009-08-03 16:56发表的 :
虽然没用做过圆角的，不过看这个应该少了很多东西吧 - -#，圆角应该是很多div叠出来的吧，你仔细看看周围，如果再多来一些合适的div，那么圆角的效果就慢慢会出来的，感觉像微积分啊...

(⊙o⊙)…不会吧，关键是火狐下正常的

作者: nb301dr 发布时间: 2009-08-04

求解~~~~~~~~~~~~

作者: nb301dr 发布时间: 2009-08-04

？？？？？？？？？、

作者: nb301dr 发布时间: 2009-08-04

顶起顶起

作者: nb301dr 发布时间: 2009-08-06

应该是火狐的布局和IE的标准不一样！

作者: eamy 发布时间: 2009-08-07

引用

引用第8楼eamy于2009-08-07 09:50发表的 :
应该是火狐的布局和IE的标准不一样！

还请指点下

作者: nb301dr 发布时间: 2009-08-07

是css的问题，你检查一下css里的图片路径，还有是不是已经把圆角的图片拷贝到网站目录下了

作者: cgeek 发布时间: 2009-08-15

自带的css里面有这样
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./boxy/boxy-nw.png'); }
    .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./boxy/boxy-ne.png'); }
    .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./boxy/boxy-se.png'); }
    .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./boxy/boxy-sw.png'); }
好像是这个原因，浏览器不兼容

作者: cgeek 发布时间: 2009-08-15

火狐又专门用来做圆角的CSS语句，但是IE就没有了！~就这么简单

作者: qq66866111 发布时间: 2009-08-15

但是官方的演示在IE下看是正常的
这个怎么解释呢

作者: 冰糖葫芦发布时间: 2009-08-21

css圆角，目前ie所有版本不支持此属性，
目前只有firefox和safari作为其私有属性支持，
不过ie可以通过下面的方法实现：

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>品种月度商业销售至终端汇总</title>
</head>
<body leftmargin="0"rightmargin="0" topmargin="0">
<form id="form1" runat="server">
<div id="divTitle" class="titlebar">品种月度商业销售至终端汇总</div>
<table id="titleTbl" border="0" width="98%" class='TableToolBar' align='center'>
<tr>
<td align="left" nowrap>
<div style="width:60px; text-align:center;" class="button">同期数据显示</div>
<div id="divYearDate" style="position:absolute;top:20; left:20; z-index:1000; visibility:hidden;">
<TABLE WIDTH=350 BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD bgcolor=#58a3cb>
<TABLE id="tblYearDate" WIDTH=100% BORDER=0 CELLSPACING=1 CELLPADDING=0>
<tbody>
</tbody>
</table>
</td>
</tr>
</table>
</div>
<div id="divBottom" style="position:absolute;top:20; left:20; z-index:500; visibility:hidden;">
<iframe style="position:absolute;z-index:9; width:expression($(tblYearDate).offsetWidth);height:expression($(tblYearDate).offsetHeight);" frameborder="0" ></iframe>
</div>
</td>
<td align=right style="color:red" >为加快汇总速度,请尽量提供详细的汇总条件<input type="button" class="button" value="关闭" /></td>
</tr>
</table>
<table align="center" class="tableframe">
<tr>
<td>
<table border=0 align=center cellpadding=0 cellspacing=0 style="Margin:5px 5px 5px 5px">
<tr>
<td align="center" class="InputLabelCell" style="width: 100px">
年月</td>
<td align="left" class="InputAreaCell" width="290" >
<select id="selYear">
</select>
<select id="selMonth">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</td>
</tr>
<tr >
<td class="InputLabelCell" align="center" style="width: 100px">
品种</td>
<td class="InputAreaCell" align="left" width="290">
<select id="selBreed">
</select>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>