summaryrefslogtreecommitdiffstats
path: root/devtools/docs/user/page_inspector/how_to/view_background_images/index.rst
blob: ae2a72aaddf4470ecd409d40c9ecaeab74c7c353 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
======================
View background images
======================

In the :ref:`Rules view <page_inspector_ui_tour_rules_view>`, you can see a preview of images specified using `background-image <https://developer.mozilla.org/en-US/docs/Web/CSS/background-image>`_. Just hover over the rule:

.. image:: css-image-preview.png
  :class: center


From Firefox 41, if you right-click the image declaration, you'll see an option to copy the image as a data: URL:

.. image:: css-copy-image-data-url.png
  :class: center