Question

您好我想让使用CMS的客户在他们的网站上添加自己的背景图片。我的CMS不允许客户端直接编辑背景图像，所以我想通过使用一些php或其他脚本来启用它们。我希望他们能够正常上传img（这个图片将隐藏在网页上的视图中但在CMS中可见）然后使用脚本获取img src并将其放入background-image ：网址（＆＃39; ...＆＃39）;

这是我的代码：

<div id="maincontentcontainer" style="background-image:url('...');background-size:100%;background-    attachment:fixed;">

<img src="..." alt=""/>

期待任何答案，谢谢！

Answer 1

js部分，因为我认为你要求的是非常简单的。您必须确保您的CSS在那里以确保它不可见。还假设jQuery ......

            var $image = $('.uploaded-image'),
                src = $image.attr('src');

            $image.remove();

            $('#maincontentcontainer').css('background-image', 'url('+src+')');

小提琴：http://jsfiddle.net/61znv2a3/

使用脚本</div>将<img/> src放入<div>的背景图像中

1 个答案: