you can see here http://jsfiddle.net/TKb6M/1/ overflow hidden does not work with position fixed relative or absolute. is this new? because i think i remember using thins in chrome and safari before and it worked fine.
Asked
Active
Viewed 2,508 times
4
-
can you make little more clear. – Anish May 21 '11 at 12:32
-
2@Anish yeah, if you set the parent elemnt to any position other than static, overflow: hidden doesnt work. it doesnt hide anything, and i tried this in FF4 and it works. – nope May 21 '11 at 12:34
-
1Tried this on Google Chrome Canary and it works correctly. – MarioRicalde May 21 '11 at 12:40
-
i have version 12.0.742.60, this is why im asking if its new so i know if this is a bug in the new version – nope May 21 '11 at 12:43
-
Not a bug on: 13.0.771.0 – MarioRicalde May 21 '11 at 12:53
-
put the border radius on the image. – dkuntz2 May 21 '11 at 15:52
-
I guess I don't understand the question, because overflow:hidden works fine on your site using IE 9, FF 4, Safari 5, and Chrome 11. – james.garriss May 24 '11 at 19:52
-
Was this fixed ? My version is Chrome 18+ and I this is bug is valid for me. **EDIT**: This is related: http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera – antitoxic Apr 12 '12 at 10:49
1 Answers
0
The results are only visible when the child element is larger than the parent element overflow:hidden is applied to (or when the child element's position falls partially outside of the boundaries of the parent element).
So in your example you're not seeing any difference because the child img and the parent #he both have the same width (70px).
Take a look at this update (the width of #he is changes to 30px): http://jsfiddle.net/TKb6M/10/
DADU
- 6,482
- 7
- 42
- 64
-
thanks but it was a bug only in that version, it should have cut the corners even with the same width and height, just like in all the other versions of chrome – nope May 25 '11 at 15:25