我使用的是wordpress的redux框架。
这是可行的,但我想知道是否有一种方法可以让样式不是内联的。我看过redux编译器,看不到任何关于在梯度中使用变量/支持多浏览器的内容。
据我所知,你只能将一个变量赋给简单的css属性,比如颜色,背景颜色,这些属性只需要一个变量。
<?php
$topbar_from = $ffresh_theme['opt-gradient-topbar']['from'];
$topbar_to = $ffresh_theme['opt-gradient-topbar']['to']; ?>
<div class="contactinfo" style="/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(<?php echo $topbar_from; ?>), to(<?php echo $topbar_to; ?>));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);
/* IE 10 */
background: -ms-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);
/* Opera 11.10+ */
background: -o-linear-gradient(top, <?php echo $topbar_from; ?>, <?php echo $topbar_to; ?>);">`
发布于 2014-09-27 06:25:13
我很快就会发表一篇关于如何将SCSS集成到主题中的文章。这让它变得容易多了。;)
https://stackoverflow.com/questions/25676507
复制相似问题