Снимки с различни размери, както направи през CSS, това ще бъде определена област на дисплея снимка
Прави красив изход снимка, всеки знае, че картината е различна, удължена вертикално или хоризонтално, или дори квадрат.
Site Cohanim, zhopustim зареждаме на снимката, всички обувка, поставете щифта е снимка може да бъде променена чрез CSS, но ако .class IMG задавате размер на хартията, че ще бъде нарушена, което не е добро.
Как можем да се реализира по този начин, тази част от прозрачен priyachitsya. и да се покаже opredelnie част от която е зададена чрез ширина CSS размер: 366px; Височина: 250 пиксела;
Прочетете, че има много възможности.
Разбрах това:
самите те имат снимки страна измерение не по-малко от 500 пиксела, което е, нито една от страните е по-ниска от 500 пиксела
apartfoto граница: 1px твърдо #FFDDEF;
ширина: 366px;
Височина: 250 пиксела;
препълване: скрит;
марж: 10px;
-WebKit-граничен радиус: 8 пкс;
-о-граничен радиус: 8 пкс;
-HTML-граничен радиус: 8 пкс;
-Моз гранично-радиус: 8 пкс;
граничен радиус: 8 пкс;
>
apartfoto IMG<
ширина: 366px;
Височина: 250 пиксела;
-WebKit-граничен радиус: 8 пкс;
-о-граничен радиус: 8 пкс;
-HTML-граничен радиус: 8 пкс;
-Моз гранично-радиус: 8 пкс;
граничен радиус: 8 пкс;
>
HTML
стил = "фон: URL център център (.)">
център - център снимка показва параметрите, посочени
ширина: 366px;
Височина: 250 пиксела;
и тя снимка 500px на 600px или 500px на 500px
всичко работи добре, но има едно нещо, но не показва снимките в faerfoks, операта е, т.е., там има хром.
Как изглежда:
Може би подобно на друга задача може да се реализира?
Ето още един вариант, но той не работи точно в средата и по-малко в това, че закръгленият ръба на граничния не работи.
опция за центриране
.ширина apartfoto: 366px;
Височина: 250 пиксела;
препълване: скрит;
граница: 1px твърдо #FFDDEF;
марж: 10px;
-WebKit-граничен радиус: 8 пкс;
-о-граничен радиус: 8 пкс;
-HTML-граничен радиус: 8 пкс;
-Моз гранично-радиус: 8 пкс;
граничен радиус: 8 пкс;
>
.apartfoto IMG горната: 50%;
марж-нагоре: -100px;
левия: 50%;
марж ляв: -100px;
макс ширина: 500px;
макс височина: 500px;
>
Свързани статии