Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › responsive high resolution / retina image test with css

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • June 30, 2013 at 5:45 am #45975
    ced404
    Participant

    Hi there,

    At first I thought about something with media queries ; using a span (or some other tag) as a replacement for the img tag. Then defining background-images using media queries to serve high res or normal image file.

    http://pastebin.com/5zYMS8vk

    But after reading Lea Verou’s article on attr() – http://goo.gl/riHV4,
    I’m wondering if we could use the css attr() function to inject the HD image url into the background-image property ?

    test (not working) : http://pastebin.com/S77FKe8w

    Any thoughts || similar ideas someone ?

    Cheers

  • Author
    Posts
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.