From 721837e61ca99a1619b23af9592f2f3cacc5da98 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Sat, 10 Dec 2016 12:19:01 +0000 Subject: [PATCH] =?UTF-8?q?Don=E2=80=99t=20show=20hero=20image=20on=20IE8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit IE8 doesn’t support background-size, so the image appears too big, the text overlaps it, and everything becomes a mess. --- app/assets/stylesheets/views/product-page.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/app/assets/stylesheets/views/product-page.scss b/app/assets/stylesheets/views/product-page.scss index cb3d9096e..693304c37 100644 --- a/app/assets/stylesheets/views/product-page.scss +++ b/app/assets/stylesheets/views/product-page.scss @@ -12,10 +12,16 @@ @extend %site-width-container; @include media(desktop) { + background-image: file-url('product/proposition-illustration.png'); background-size: 320px; background-repeat: no-repeat; background-position: right -14px top -10px; + + @include ie-lte(8) { + background-image: none; + } + } }