This test case shows three examples of the object element being used in an overflow situation. There is no meaningful way to apply an overflow to an object containing an image, so no example is provided for that situation. Note that the CSS in question is as follows:

            .test {
                overflow: hidden;
                width: 200px;
                height: 100px;
            }
        

Descriptions

  1. An object element containing a Gamer Card that is given the class test.
  2. A div element with the class test containing the previous object element sans a class.
  3. Another identical div element but with an image object with a known size of 512x512. Note that this image is partially covered by the above object because although the div thinks it is actually hiding its overflow'd contents, the HTML object still shows as if it were defined with overflow:visible.

Test Cases

  1. JVz
  2. JVz
  3. Test image