在 .php 文件中设置背景图像

debugcn 发表于 Dev

黑曼巴

我下载了这个代码：

    $image = ImageClass::getImage('bg.jpeg','myTitle');
$bg_img = explode(" ",$image);
$src = substr(strpos('"',$bg_img),strlen($bg_image)-1);
echo "<div style='background-image: url(".$src.");' ></div>
<?php

    /* 

*** OPTIONS ***/

    // TITLE OF PAGE
    $title = "ARQUIVOS PROPAR";

    // STYLING (light or dark)
    $color  = "dark";

    // ADD SPECIFIC FILES YOU WANT TO IGNORE HERE
    $ignore_file_list = array( ".htaccess", "Thumbs.db", ".DS_Store", "index.php", "flat.png", "error_log" );

    // ADD SPECIFIC FILE EXTENSIONS YOU WANT TO IGNORE HERE, EXAMPLE: array('psd','jpg','jpeg')
    $ignore_ext_list = array( );

    // SORT BY
    $sort_by = "name_asc"; // options: name_asc, name_desc, date_asc, date_desc

    // ICON URL
    //$icon_url = "https://www.dropbox.com/s/lzxi5abx2gaj84q/flat.png?dl=0"; // DIRECT LINK
    $icon_url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAyCAYAAADP7vEwAAAgAElEQVR4nOy9d5hdV3nv";

    // TOGGLE SUB FOLDERS, SET TO false IF YOU WANT OFF
    $toggle_sub_folders = true;

    // FORCE DOWNLOAD ATTRIBUTE
    $force_download = true;

    // IGNORE EMPTY FOLDERS
    $ignore_empty_folders = false;


// SET TITLE BASED ON FOLDER NAME, IF NOT SET ABOVE
if( !$title ) { $title = clean_title(basename(dirname(__FILE__))); }

?>

完整代码可以在这里下载：https : //github.com/halgatewood/file-directory-list/blob/master/index.php

我在开始时遇到问题：

 $image = ImageClass::getImage('bg.jpeg','myTitle');
    $bg_img = explode(" ",$image);
    $src = substr(strpos('"',$bg_img),strlen($bg_image)-1);
    echo "<div style='background-image: url(".$src.");' ></div>

我想把一张图片作为背景，但它没有发生。怎么了？

改变了答案：

<?php
   echo "<div style='background-image: url('/bg.jpeg');' ></div>";
?>
<?php

    /* 

*** OPTIONS ***/

    // TITLE OF PAGE
    $title = "ARQUIVOS PROPAR";

    // STYLING (light or dark)
    $color  = "dark";

等等..

贾斯温德

不需要所有这些，您想要实现的目标要简单得多。

假设此代码在里面index.php并且您的服务器的目录结构：

/some-folder/
/index.php
/bg.jpeg

只需像在纯 html 中所做的那样链接它 —

<?php
   echo "<div style=\"background-image: url('/bg.jpeg');\" ></div>";
?>

如果你不想它是动态的，即图像文件的名称在一个变量中，那么，

<?php
   $my_image = 'bg.jpeg';
   echo "<div style='background-image: url($my_image);' ></div>";
?>

更新：

重要提示：所有编程语言都是逐行执行的，此提示不仅适用于 PHP，还适用于 HTML了解更多

例如，假设返回给浏览器的页面 html 结构如下所示，并且您希望将背景应用于body标签

<html>
  <head><head>
  <body>
    <nav>Some dummy navigation</nav>
    <div>welcome to my website</div>
    <footer>Copyright</footer>
  </body>
</html>

简单地将我的代码复制并粘贴到页面顶部将导致

<div style="background-image: url('bg.jpeg');" ></div>
<html>
  <head><head>
  <body>
    <nav>Some dummy navigation</nav>
    <div>welcome to my website</div>
    <footer>Copyright</footer>
  </body>
</html>

但这div在 html 输出的顶部创建了一个空标签，我希望它改为按body标签应用背景！！！？

— 发生这种情况是因为echo用于在执行后立即将输出发送到浏览器。因此，由于您将我的代码复制到脚本的顶部，因此 html 输出也位于顶部。

但是为什么<div style="background-image: url('bg.jpeg');" ></div>当我希望它应用于我的页面时它会回显body？

— 因为 echo 语句读取"<div style=\"background-image: url('bg.jpeg');\" ></div>";为它的输出。

好的，但是如何将背景图像应用于身体呢？？

正如前面提到的代码是逐行执行的，因此为了将样式应用于页面的body标签，您需要在body标签附近调用它，并修改它以不输出它当前所做的 div。

所以假设你index.php是：

<?php
  $my_image = 'bg.jpeg';
  echo "<div style='background-image: url($my_image);' ></div>";
?>
<html>
  <head><head>
  <body>
    <nav>Some dummy navigation</nav>
    <div>welcome to my website</div>
    <footer>Copyright</footer>
  </body>
</html>

你需要把它改成——

<?php
  $my_image = 'bg.jpeg';
  // don't echo any thing here
?>
<html>
  <head><head>
  <body style="background-image: url('<?php echo $my_image; ?>')">
    <!-- apply the style to body -->
    <nav>Some dummy navigation</nav>
    <div>welcome to my website</div>
    <footer>Copyright</footer>
  </body>
</html>

希望我解释得很好:)

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。