使用 $linkImg 变量为图标添加圆角遮罩答案

【问题标题】：Add rounded corner mask to icon using $linkImg variable使用 $linkImg 变量为图标添加圆角遮罩
【发布时间】：2011-03-07 02:41:19
【问题描述】：

在这方面没有我想的那么精通，所以如果我的问题表述不正确，请原谅我。

需要将四个圆角应用于通过自定义 WordPress 插件使用变量 $linkImg 自动拉取的 119 x 119 App Store 图标 png。

    $strHtml = "
<div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margin-top: 4px;'>
 <div style='float: left; width: 175px; margin: 0px; text-align: center; padding-left: 10px; padding-top: 15px;'>
  <img src='$linkImg' width='119' height='119' style='margin: 0px; padding: 15px;'/>
 </div>
</div>
";

有什么想法吗？（顺便说一句，第一篇文章）

编辑 2 - 这似乎什么也没做，我是否遗漏了一些明显的东西？

    $strHtml = "
<div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margin-top: 4px; border-top-left-radius: 50px 50px;'>
 <div style='float: left; width: 175px; margin: 0px;  text-align: center; padding-left: 10px; padding-top: 15px;'>
  <img src='$linkImg' width='119' height='119' style='margin: 0px; padding: 15px;'/>
 </div>
</div>
";

【问题讨论】：

没有函数$linkImg，在你的情况下它是一个变量。此外，PHP 与此无关，除非您想讨论动态图像处理。你知道不用 PHP 怎么做吗？
根据您的使用情况和所需的浏览器支持，您可能可以使用 css 圆角实现此功能。
您好，谢谢您的回复。啊，我明白了。至于知道如何在没有 PHP 的情况下使用它，不幸的是不知道。你能在这方面提供帮助吗？
雅各布，听起来很有趣，谢谢。您能否提供包含更多信息的链接？我修改的插件好像没有自带.css文件，样式貌似是由php文件控制的。

标签： css icons rounded-corners mask

【解决方案1】：

这是css的问题，不是php的问题。

如果您无法链接外部 css 文件，请使用内联 css。

尝试使用 http://www.css3.info/preview/rounded-border 获取 Css3 圆角。

还有 http://www.devwebpro.com/25-rounded-corners-techniques-with-css/ 用于其他黑客攻击。

*******编辑**** 我正在使用operamini，所以我无法阅读您的代码。由于奇怪的 js 问题，我也无法发布 cmets。

css3 的问题是不是所有浏览器都支持它，而且目前每个浏览器都没有使用这个标准。您需要找到 -moz- 特定和 -webkit- 特定版本。除非浏览器使用支持它的引擎，否则它不能保证工作。

【讨论】：

感谢您的澄清，frostymarvelous。你知道如何通过 .css 实现掩码吗？
好的，尝试了 Css3 圆角方法，参见编辑 2（上）。我实施了 .css 对吗？ - 谢谢！