- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi there,
I’m working on the CSS of a button for my project and I got a strange bug with box-shadow and ie9.
Here my result between Chrome, FF and ie9:
http://tof.canardpc.com/view/b9139b18-a61b-4ff4-97ba-c1731347be21.jpg
html code:
Test
css code:
.header-button {
background-color: #383532;
border: 1px solid #000;
-webkit-border-radius: 4px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
0 1px 0 rgba(255, 255, 255, 0.2);
display: inline-block;
padding: 5px 10px;
margin: 6px 25px 0 0;
}
Do someone know how to fix it ?
Best regards,
Alexander
Here is what i get when I remove the background-color:
http://tof.canardpc.com/view/6eda4d32-c71a-427f-9784-e965db38b7aa.jpg
Tell you what.
Post a link or make a Fiddle so that we can tinker.
Yeah right!
Nobody ?
Try losing
filter: dropshadow(color=rgba(0, 0, 0, 0.7), offx=0, offy=1);
I don’t think you need it.
Thanks Paulie_D! That’s work! :)