Question

我正在尝试将背景图像设置为javascript中的弹出菜单，我看到了很多答案，但没有一个对我有用。我不知道如果我正确地写出了图像的路径，我认为这很好。弹出窗口中的数据是通过ajax加载的，所以我尝试将html的PHP代码设置为背景，但它无法正常工作。请帮助我被困住

这是我的代码：

$.post('nacimientos/controller/controllerGuardarNacimiento.php',{'nss':nss, 'nombre':nombre, 'apellidos':apellidos, 'sexo':sexo, 'peso':peso, 'talla': talla, 'hora':hora}, function(data){
        var left  = ($(window).width() / 2) - (900 / 2);
        var top   = ($(window).height() / 2) - (600 / 2);

        WinId = window.open('', 'newwin', 'width=900,height=800,scrollbars=0, menubar=0,top= ' + top + ', left='+left);
        WinId.document.open();
        WinId.document.writeln("<body style='background-image: url('imagen3.jpg')'>");
        WinId.document.write(data);
        WinId.document.writeln("<\/body>");
        WinId.document.close();


    });

另一个代码是弹出窗口中加载的数据：

echo "<div align='center'>";
echo "<h1>Felicidades!!</h1>";
echo "</div>";

echo "<div align='center'>";
foreach($resultado2 as $value){
            echo "<label for=''><h3>Nacimiento no: </h3></label><h3>".$value['id_nacimiento']."</h3>";
            echo "<label for=''><h3>N&uacute;mero de Seguridad Social (NSS):</h3></label><h3>".$value['nss']."</h3>";
            echo "<label for=''><h3>Nombre:</h2></label><h3>".$value['nombre']." ".$value['apellidos']."</h3>";
            echo "<label for=''><h3>Sexo:</h3></label><h3>"; if($value['sexo'] == 'm'){ echo "Hombre";} else{ echo "Mujer";} echo "</h3>";
            echo "<label for=''><h3>Peso:</h3></label><h3>".$value['peso']." "."gramos</h3>";
            echo "<label for=''><h3>Talla:</h2></label><h3>".$value['talla']." "."cm</h3>";
            echo "<label for=''><h3>Hora de nacimiento:</h3></label><h3>".$value['hora']."</h3>";
}
echo " </div>";
?>

我的js叫做funcionesNacimientos.js，我的目录是这样的

这是正文标记

Answer 1

您必须引用相对路径，并通过在style='background-image: url('imagen3.jpg')'中对其进行转义来修复引号问题，因此它应该是：

..."<body style='background-image: url(\'js/img/imagen3.jpg\')'>"...

您还可以尝试background属性：

..."<body background='js/img/imagen3.jpg'>"...

希望这有帮助。

如何在javascript中将背景图像正确设置为弹出窗口？

1 个答案: