Skip to Content
avatar image
Former Member

Design Studio - CSS for box-shadow

Hi,

I'm trying to set a box-shadow for a grid layout component. It works fine with Chrome however IE does not render it as expected.

I've read that lower IE versions have this problem; however I'm using IE 11.
What am I missing here, any suggestions?

Thanks!

.mainbox {
background-color:	#c0c0c0;
box-shadow: -14px9px20px0px#000000;
}
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • avatar image
    Former Member
    Mar 29, 2017 at 01:45 PM

    I've found the solution. Following statement fixes the problem.

    border-collapse: separate !important;
    Add comment
    10|10000 characters needed characters exceeded

  • Mar 29, 2017 at 12:15 PM

    I use this code for box-shadow for a hover-effect, and it is working nicely in IE 11

    .myBackground:hover{
    box-shadow: 4px 4px 8px black;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    }

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Mar 29, 2017 at 12:20 PM

    Hi Koen,

    Which template and mode (ui5 / uif.m) do you use? Also, are you using 1.6 version as well?

    Add comment
    10|10000 characters needed characters exceeded