Форми от CSS в IE


3

Здравейте, попаднах на този сайт: http://css-tricks.com/examples/ShapesOfCSS/

и искам да разбера какво допринася, че повечето форми да се визуализират правилно даже под IE8 и по-точно осмоъгълника (Octagon)?




Отговори



3

Ако смяташ, че това е интересно... хвърли поглед на това:

http://pavelkolev.com/the-power-of-css3/

 

http://pavelkolev.com/the-power-of-css3-part-2-enrappture-strikes-again/


от paveld3 (17458 точки)


0
Дам тези ги знам, чета блога ти. ;)

от aleksoft (64 точки)


3

За някои форми дори не е нужен CSS3.

Например трапецът е направен от border-bottom, а border-left/right създават наклона на дясната и лявата стена.

 

 

#trapezoid { 
    border-bottom: 100px solid red;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 100px;
}

осмоъгълникът е направен от два трапеца и правоъгълник между тях.

 


от Yavor Atov (0 точки)


0
10х за инфото, но Аз правя списък със линкове и идеята ми е да имам само един клас на li-то на което му задавам някаква форма.Аз го правя проблема е че при мен в IE8 се визуализира само един правоъгълник.Какво точно са добавили ТЕ, че повечето форми да ми е се визуализират както трябва?

от aleksoft (64 точки)


0

Осмоъгълника е доста семпло решение. Причината да работи в IE 8 е, че подържа :before и :after.


от joneff (350 точки)