如何解决-moz-border-radious在Firefox中的图像上不起作用...为什么? 与css3有关
| -moz-border-radious在Firefox中的图片元素(在HTML中表示平均值)上不起作用...为什么? (与css3有关) 我测试了某种解决方法,例如为该图像制作一个容器并更改容器的半径/毫无帮助! 感谢您的关注 最好的祝福解决方法
Firefox 3将前景图像视为位于边框的前面。这样会产生您所看到的效果。它不会影响任何其他浏览器,包括Firefox 4。
在上面的评论中作为重复链接的主题中详细讨论了该问题-Firefox -moz-border-radius不会裁剪图像吗?
最好的解决方法是在需要圆角的地方使用背景图像而不是前景图像:
即:
<div style=\'background:url(myimage.jpg);\' />
,而不是<img src=\'myimage.jpg\'>
不利的一面是,背景图像不像前景图像那样灵活-即它很难缩放等。但是它确实解决了问题。
其他选项是使图像本身变成圆角,或者只是忽略它(因为它仅影响Firefox 3;取决于将影响多少用户,以及是否影响您的设计)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。