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

Css 使用$linkImg变量将圆角遮罩添加到图标,css,icons,rounded-corners,mask,Css,Icons,Rounded Corners,Mask,在这个问题上,我并没有想象中那么精明,所以如果我的问题措辞不正确,请原谅我 需要将四个圆角应用于119 x 119应用商店图标png,该图标通过自定义WordPress插件使用变量$linkImg自动拉取 $strHtml = " <div style='border: solid 1px #00b7f3; background-color: #f8f8f8; width: 656px; height: 186px; padding: 0px; float: left; margi

在这个问题上,我并没有想象中那么精明,所以如果我的问题措辞不正确,请原谅我

需要将四个圆角应用于119 x 119应用商店图标png,该图标通过自定义WordPress插件使用变量$linkImg自动拉取

    $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-这似乎没有什么作用,我是否遗漏了一些明显的东西


这是css而不是php的问题

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

尝试Css3圆角

和其他黑客

*******编辑**** 我正在使用operamini,因此无法读取您的代码。此外,由于wierdjs问题,我无法发表评论


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

没有函数$linkImg,在您的情况下,它是一个变量。此外,PHP与此无关,除非您想讨论动态图像处理。你知道如何在没有PHP的情况下实现吗?根据你的使用情况和所需的浏览器支持,你可能可以通过css圆角实现这一点。你好,deceze,谢谢你的回复。啊,我明白了。至于知道如何在没有PHP的情况下使用它,不幸的是没有。你能在这方面帮忙吗?雅各布,听起来很有趣,谢谢。你能提供一个有更多信息的链接吗?我修改的插件似乎没有.css文件,样式似乎由php文档控制。感谢您的澄清,frostymarvelous。您知道如何通过.css实现掩码吗?好的,尝试了Css3圆角方法,请参见上面的编辑2。我是否正确实现了.css谢谢
    $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>
";