Fényképek a különböző méretű, mindkét véghezvinni css, hogy lenne egy adott területen a fényképbemutató - a fórum mintegy
Fényképek a különböző méretű, mindkét véghezvinni css, hogy lenne egy bizonyos területen a képmegjelenítés
Tesz egy szép kép kimenet, mindenki tudja, hogy a kép más, hosszúkás függőlegesen vagy vízszintesen, vagy akár szögletes.
Oldal Cohanim, zhopustim betöltjük a fényképet, minden elindult, helyezze a csap egy fotó lehet megváltoztatni css, de ha .class img adjon meg egy fénykép mérete lesz torz, ami nem jó.
Hogyan tudjuk megvalósítani Ily módon a része átlátszó priyachitsya. és azt mutatják, opredelnie része, amely be van állítva keresztül CSS méret szélesség: 366px; magasság: 250px;
Olvastam, hogy sok lehetőség van.
Rájöttem, hogy ez:
maguk fotók oldalakkal nem kevesebb, mint 500 képpont, azaz egyik fél sem kisebb, mint 500 képpont
apartfoto határ: 1px szilárd #FFDDEF;
szélesség: 366px;
magasság: 250px;
overflow: hidden;
margin: 10px;
-WebKit-border-radius: 8 képpont;
-o-border-radius: 8 képpont;
-html-border-radius: 8 képpont;
-moz-border-radius: 8 képpont;
border-radius: 8 képpont;
>
apartfoto img<
szélesség: 366px;
magasság: 250px;
-WebKit-border-radius: 8 képpont;
-o-border-radius: 8 képpont;
-html-border-radius: 8 képpont;
-moz-border-radius: 8 képpont;
border-radius: 8 képpont;
>
HTML
style = "background: url központ központ (.)">
center - központ fénykép mutatja a megadott paraméterek
szélesség: 366px;
magasság: 250px;
és ő a fényképet 500px, hogy 600px vagy 500px, hogy 500px
minden rendben van, de van egy dolog, de nem jeleníti meg a képeket faerfoks, az opera, azaz, van króm.
Hogyan néz ki:
Talán, mint hogy egy másik feladat lehet megvalósítani?
Itt van egy másik lehetőség, de ez nem működik pontosan a közepén, és kevésbé a tényt, hogy a lekerekített széle a határ nem működik.
központosító lehetőség
.apartfoto szélesség: 366px;
magasság: 250px;
overflow: hidden;
border: 1px szilárd #FFDDEF;
margin: 10px;
-WebKit-border-radius: 8 képpont;
-o-border-radius: 8 képpont;
-html-border-radius: 8 képpont;
-moz-border-radius: 8 képpont;
border-radius: 8 képpont;
>
.apartfoto img top: 50%;
margin-top: -100px;
bal: 50%;
margin-left: -100px;
max-width: 500px;
max-magasság: 500px;
>