Javascript 圆角与IE 7中的图像插件？_Javascript_Jquery_Jquery Plugins_Internet Explorer 7_Rounded Corners

Javascript 圆角与IE 7中的图像插件？

javascript jquery jquery-plugins

Javascript 圆角与IE 7中的图像插件？,javascript,jquery,jquery-plugins,internet-explorer-7,rounded-corners,Javascript,Jquery,Jquery Plugins,Internet Explorer 7,Rounded Corners,最后我说服老板不要再使用圆形图像了所以我想把它们全部转换成带有css边框半径的html。问题是我们仍然需要InternetExplorer7的支持，解决方案似乎就在这里问题是，在官方网站上，IE甚至6都可以正常工作。但我只能在Firefox或Chrome中使用，因为它们已经支持BorderRadius了，所以它是无用的这就是我努力的方式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.or

最后我说服老板不要再使用圆形图像了

所以我想把它们全部转换成带有css边框半径的html。问题是我们仍然需要InternetExplorer7的支持，解决方案似乎就在这里

问题是，在官方网站上，IE甚至6都可以正常工作。但我只能在Firefox或Chrome中使用，因为它们已经支持BorderRadius了，所以它是无用的

这就是我努力的方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $('.rounded5').corner();
});

</script>
</head>

<body>

<img src="http://images.wikia.com/logopedia/images/d/dc/TRYP_by_Wyndham_logo.png" style="width:50%;" alt="trip" class="rounded5" />

</body>

</html>

这就是证据

知道我错过了什么吗

谢谢

虽然没有明确说明，但插件似乎无法绕过img元素的边缘：

重要的是要理解，这个角落插件通过向页面添加更多元素发挥了它的魔力。具体地说，它会将div条带添加到要设置角点的项目中，并在这些条带上设置纯色背景色，以隐藏真实项目的实际角点

这意味着使用此插件，图像周围只能有一个纯色的圆形边框

它在Chrome和Firefox中运行的原因是它们本机支持borderradius，这在img元素上确实有效。但是，如果将角点的类型更改为其他类型（如倒角），则可以看到任何浏览器都不支持该类型：

注意它是如何为下面的div工作的，而不是img。因此，不幸的是，如果IE7用户需要对图像进行圆角处理，您可能希望使用静态圆角图像。

虽然没有明确说明，但插件似乎无法对img元素的边缘进行圆角处理：

这意味着使用此插件，图像周围只能有一个纯色的圆形边框

注意它是如何为下面的div工作的，而不是img。因此，不幸的是，如果IE7用户需要对图像进行取整，您可能希望使用静态取整的图像。

为什么不尝试？

哇，他不需要坚持他的旧解决方案。。。他可以将此插件与以下调用$'img'.wrap$结合使用；或者类似的东西。。。因此，每个图像都由一个容器包装，jquery.corner可以使用：……除了在图像周围添加一个圆形框架之外。那不是他想要的。阿格，你说得对。。。但是，这应该是可能的，通过使用一些宽度和高度魔法来增强溢出css的功能：事实上，这是一个有趣的想法。。。他可以将此插件与以下调用$'img'.wrap$结合使用；或者类似的东西。。。因此，每个图像都由一个容器包装，jquery.corner可以使用：……除了在图像周围添加一个圆形框架之外。那不是他想要的。阿格，你说得对。。。但是，这应该是可能的，通过使用一些宽度和高度魔法来增强溢出css的功能：实际上，这是一个有趣的想法。