请教一个图片四角定位的问题

2007-04-04 11:38:00 681 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

jzsh2000 墨衍会员 · AI 创作全网分发关注 + 加入社区

浅谈我对思维导图的认识思维导图是由关键字组成的树状结构，这种结构更符合大脑认知，对信息进行解构和重构，就是加工分析后的重新认识。这是本人画第一张导图，是第一次参加自考的时候画的，看到这张图大家可能会立马觉出它的问题所在，分支太多，色彩太多，字太多。对于这张导图的评价无非有两种：第一，学习态度很认真。第二，很残酷，其实你并不会画导图。虽然导图没有好坏之分，但是从导图折射出来的思想却很值得我们去分析学习。自阅读详情

对于简单的圆角设计，可以将四个角切成小图片，然后分别进行定位，例如下面这种做法：
<div style="position:relative; float:left; border:1px solid #656565;">
<div style="width:100px; height:100px;"></div>

<div style="position:absolute; width:4px; height:4px; overflow:hidden; background:url(http://cn.yimg.com/i/reg/gcr.gif); background-position:0 0; top:-1px; left:-1px;"></div>
<div style="position:absolute; width:4px; height:4px; overflow:hidden; background:url(http://cn.yimg.com/i/reg/gcr.gif); background-position:-4px 0; top:-1px; right:-1px;"></div>
<div style="position:absolute; width:4px; height:4px; overflow:hidden; background:url(http://cn.yimg.com/i/reg/gcr.gif); background-position:-8px 0; bottom:-1px; left:-1px;"></div>
<div style="position:absolute; width:4px; height:4px; overflow:hidden; background:url(http://cn.yimg.com/i/reg/gcr.gif); background-position:-12px 0; bottom:-1px; right:-1px;"></div>
</div>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
从代码及原理上看好像没什么问题，但是在使用过程中却发现一个问题：如果层内宽高为奇数的时候（比如将100px改为101px），在IE下外边框就出现一条直线，Firefox下却没问题，请教高手怎么解决这个问题？多谢：）

...全文