Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #501979

    Hallo liebe Leute ich hab das Problem das der box shadow auf Safari und Firefox Retina Display nicht angezeigt wird

    .iconbox_top .iconbox_content {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    }

    Danke

    #502029

    Hey siteraum,

    Could you try adding !important after your statements?

    .iconbox_top .iconbox_content {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3) !important;
    }
    

    Best regards,
    Rikard

    #502033

    Danke für die Rückmeldung,

    es hat leider nicht geklappt- in safari ist nicht zu sehen… iconbox box shadow ist nicht auf safari zu sehen

    #502039

    Hi,

    Not sure why but maybe its the rgba Safari doesn’t like, try if something like this works better:

    .iconbox_top .iconbox_content {
      -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
      box-shadow: 3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

    Best regards,
    Rikard

    #502041

    Super- Danke für den TIP

    .iconbox_top .iconbox_content {
    -webkit-box-shadow: 0px 0px 1px 1px #eeeeee;
    -moz-box-shadow: 0px 0px 1px 1px #eeeeee;
    box-shadow: 0px 0px 1px 1px #eeeeee;
    }

    und jetzt sieht man es auch auf safari

    danke, toller support

    #502217

    Hallo,

    Kein problem :-)

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘box shadow Iconbox not showing on Safari, Firefox (- retina display)’ is closed to new replies.