Question

添加在主题选项区域中加载自定义选项的动态样式，但我对如何添加background-size属性感到困惑。每次添加它都会得到“无效的属性值”。这是我正在使用的;

$style_setting = $cust['title_size'];
$style_line = ".title-image { background-size: {$style_setting}; }";
wp_add_inline_style( 'main_css', $style_line);

我能够使用{background：url（{$ style_setting}）来加载背景图片;但我不确定如何将图像属性添加到内联样式。

先谢谢所有回复......

Answer 1

您的代码看起来有效

如果您想加载任何图片并设置背景尺寸，可以这样做

$style_setting = 'contain'; //example setting
$style_line = "body { background-size: {$style_setting}; background-image:url('https://example.com/image.jpg'); }";

请记住，您应该使用以下background-size的有效属性：

使用关键字值contains或cover。
仅使用宽度值，在这种情况下，高度默认为自动。
同时使用宽度和高度值，在这种情况下，第一个设置宽度，第二个设置高度。每个值可以是a，a或auto。

根据https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

WordPress添加内联样式，如何添加background-size属性

1 个答案: