I wanted to have rounded icons for a layout I made. It looks good in IE and FF but Chrome isn't cooperating with me. The layout can de found at mixedfeeling
Someone better versed in CSS might be able to assist you better but from fuzzing with it, from what I can tell chrome is taking the markup from .userpic img, .userpicfriends img, .defaultuserpic img and applying it to the whole section, ignoring the parent styling right above it.
At least that's what I think it's doing anyway. As to a fix, I'm not sure. In theory what you're doing should work, but for whatever reason in Chrome the parent/child properties are likely bugged? Not sure it can be fixed without some advanced coding not supported by LJ or until Chrome can fix it.
Like I said, I may be utterly and completely wrong, but I hope it can get a fix because I really like the effect!
Comments 3
At least that's what I think it's doing anyway. As to a fix, I'm not sure. In theory what you're doing should work, but for whatever reason in Chrome the parent/child properties are likely bugged? Not sure it can be fixed without some advanced coding not supported by LJ or until Chrome can fix it.
Like I said, I may be utterly and completely wrong, but I hope it can get a fix because I really like the effect!
Reply
Your solution is the second pic in the demo: use the parent element to get the padding and border, and set border-radius on both parent and child.
Reply
Reply
Leave a comment