使用$ linkIng变量将圆角遮罩添加到图标

时间:2011-03-07 02:41:20

标签: css icons rounded-corners mask

不像我想的那样精明,如果我的问题没有正确表达,请原谅我。

需要使用变量$ linkImg通过自定义WordPress插件自动拉出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>
";

1 个答案:

答案 0 :(得分:0)

这是css而不是php的问题。

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

对于Css3圆角尝试http://www.css3.info/preview/rounded-border

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

** * ** * * 修改< / EM> <强> * *** 我正在使用operamini所以我无法阅读你的代码。此外,由于一个奇怪的js问题,我无法发表评论。

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