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

jzsh2000 2007-04-04 11:38:00
对于简单的圆角设计,可以将四个角切成小图片,然后分别进行定位,例如下面这种做法:
<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下却没问题,请教高手怎么解决这个问题?多谢:)
...全文
585 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
jzsh2000 2007-04-17
  • 打赏
  • 举报
回复
多谢梅花大哥,请问对于图片四角定位或者遇到圆角图片的时候你都是怎样解决的?多谢:)
meizz 2007-04-16
  • 打赏
  • 举报
回复
这个问题我碰到过到, IE确实有问题, 我也没有很好的解决办法.
cgisir 2007-04-10
  • 打赏
  • 举报
回复
IE7下面没有事啊,我试了呵 你在试试 :)
jzsh2000 2007-04-10
  • 打赏
  • 举报
回复
IE7我也测过了,也有问题,只要是IE不管哪个版本都有问题,Firefox和Opera就没事:(
cgisir 2007-04-06
  • 打赏
  • 举报
回复
ie7也不会有这个问题,估计是IE以前版本的BUG
jzsh2000 2007-04-05
  • 打赏
  • 举报
回复
晕,没人遇到过吗?

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧