我在WordPress中使用functions.php文件来制作图像蒙版

这是我使用的代码：

function wpc_elementor_shortcode( $atts ) {
    $logo_url = the_field('site_logo_review_section');
    echo "<style>#logo-mask{
    min-height: 350px;
    -webkit-mask-image: url(" . $logo_url . ");
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;}</style>";
}
add_shortcode( 'logo_mask', 'wpc_elementor_shortcode');

字符串

输出如下：

http://127.0.0.1/folio/wp-content/uploads/2023/07/1038980_flower_growth_leaf_nature_petals_icon.svg
<style>#logo-mask{
        min-height: 350px;
        -webkit-mask-image: url();
        -webkit-mask-size: contain;
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;}</style>

型

我需要$logo_url才能在里面打印-webkit-mask-image：return（）;

谢谢你的帮助