Home/ Questions/Q 7091361
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T08:10:32+00:00

I have a web page that loads two images from a css sprite like

  • 0

I have a web page that loads two images from a css sprite like this:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
    <div class="arrow low"></div>
    <div class="arrow high"></div>
</body>
</html>

and the css (stylesheet.css) looks like this:

.arrow
{
  height: 239px;
  width: 260px;
  background: url('logotypearrows.png') no-repeat;
}

.arrow.high
{
  background-position: 10px 0px;
}

.arrow.low
{
  background-position: -1003px 0px;
}

The web page looks perfect but I can’t print it. I can’t see the dynamically loaded arrows. Anyone that knows how to solve this problem? I want to be able to print out the arrows and I want to load them from a css sprite.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    By default browsers do not print background-images, this can be changed by user.
    Maybe you should add some content inside div <div class="arrow low"><span class="print-only">*</span></div> and make it visible only for print version of your page with @media print.

    • 0