Question

我正在编写Google Chrome扩展程序，但在我实际将它放在一起之前，我正试图让这个功能正常运行。

扩展的目的是当打开的页面是图像文件时，单击扩展按钮并对图像进行平铺。

我所拥有的功能只有3行但由于某种原因不能在第3行工作。

function tileImage() {
    var img = $('img').prop('src');
    $('img').remove();
    $('body').css('background', 'url(' + img + ')');
}

我已经在页面中注入了jQuery，因此不是问题所在。这是设置背景的第三行。当我设置像保证金这样的东西时它工作正常，但由于某种原因不是这个。

有人可以向我解释为什么这不起作用并提出可能的解决办法。

感谢。

Answer 1

function tileImage() {
    var img = $('img').prop('src');
    // OR $('img').attr('src');
    $('img').remove();
    $('body').css({'background': 'url(' + img + ') no-repeat'});
}

这里完美无缺！或者也许我不明白你想要什么。

<!DOCTYPE html>
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
</script>
<script>
    function tileImage() {
        var img = $('img').prop('src');
        $('img').remove();
        $('body').css({'background': 'url(' + img + ') no-repeat'});
    }
</script>
</head>
<body>
<img src='http://stacktoheap.com/images/stackoverflow.png'/>
<button onclick='tileImage();'>Click</button>
<br><br>
</body>
</html>

您想在新标签页中打开图片吗？

Answer 2

首先，src不是属性而是属性

<input type="text" required disabled />

$('input').attr('type')
$('input').attr('type', 'number');
$('input').prop('required')
$('input').prop('required', true)

您找到了代码，它应该更改您的背景，尝试为您添加双重引用来源，并更改属性＆＃39; background-image＆＃39;

无法将背景图像设置为正文

2 个答案: