javascript - Images do not vertically align properly within div in Safari -
images in images
div seem vertically align , center in chrome, firefox, , ie, not in safari. in safari, pictures pushed below/out of images
div , appear below div, bleeding description
div so:
http://postimg.org/image/vsoifbf1x/
below jsfiddle of slideshow showing first image aligned in center. js not work because of how have referenced images in array, slideshow works me , concerned images aligning vertically. align in jsfiddle, chrome , firefox, not in safari:
#images { height: 548px; width: 898px; border: 1px solid #000000; text-align: center; } #images img { opacity: 1; top: 50%; transform: translatey(-50%); position: relative; }
here's code work you.
Comments
Post a Comment