lundi 20 avril 2015

Why the image isn't displayed on safari when using display:flex; & flex-flow:colum; and use oreder:1/2; on child-elements?

This continues my older post: How to swap sides of 2 elements (one with float:left, the other is with float:right)

I think you should read it because the structure of my page is well explaned there. (and the answer too. I promise it's not long).

I used:

    display: flex;
    flex-flow: column;

on a container div, and gave it's 2 child-elements (one image, the other is a div):

    order: 2;

and

    order: 1;

Example: http://ift.tt/1G7eulX

The thing is - on iPhones the images aren't displayed.

Is there any simple solution for this?

Aucun commentaire:

Enregistrer un commentaire