Skip to content

Regression: css fixed background cover image #2775

@markkimsal

Description

@markkimsal

The solution for background image placement in #2422 stopped working in 1.2.0.
I'm not sure if this is a supported solution or not.

I have allow_url_fopen on on my system, and I'm including a local image off the local drive. If there's some other option to set (like chroot) when upgrading from 1.1.1 to 1.2.0 I'm sorry that I missed it.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <style>
    @page {
        margin: 1in;
    }
    body {
      background-color: #00000066;
    }
    body:before {
      display: block;
      position: fixed;
      top: -1in; right: -1in; bottom: -1in; left: -1in;
      background-image: url(https://placekitten.com/500/500);
      background-size: cover;
      background-repeat: no-repeat;
      opacity: .2;
    }
  </style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dictum risus eget faucibus porta. Quisque ut ipsum egestas tortor
 commodo pharetra. Sed elementum enim eu massa fringilla feugiat. Morbi tincidunt arcu malesuada accumsan porta. Nulla at
 eleifend enim. Phasellus fringilla malesuada orci at tincidunt. Nunc enim enim, cursus a tincidunt ultricies, luctus a enim. In posuere
 dictum erat, at tristique tortor lacinia at. Fusce viverra dolor ac augue condimentum tempus. Nullam gravida sit amet odio et viverra.
 Vestibulum ullamcorper at lectus pretium viverra.
</p>
</body>
</html>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions