Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Кнопка-параллелограмм - реально? (https://javascript.ru/forum/xhtml-html-css/29502-knopka-parallelogramm-realno.html)

Deff 30.06.2012 21:56

Freakmeister,
Делайте обманку: подсyнуть отдельно под прозрачный трансформ png-картинку z-index (oм) ниже и position:absolute.

Freakmeister 30.06.2012 23:03

Отличная идея, но я всё-таки попробую карту.) Во-первых любопытно, во вторых кроссбраузерно.

Deff 30.06.2012 23:28

Freakmeister,
Код приведенный melky

melky 30.06.2012 23:32

таки да :) кроссбраузерно. и на разные разрешения пойдёт

... у ТС там картинка в параллелограмме, и она растягивается.

Freakmeister 01.07.2012 00:25

Кроссбраузерно, в моём понимании, это когда работает во всех браузерах, в том числе в старых.

Deff 01.07.2012 00:26

Freakmeister,
Если Вы видите скриншот - то должны видеть ИЕ7 (ИЕ6 - аналогично поддерживается

melky 01.07.2012 01:06

Цитата:

Сообщение от Deff (Сообщение 185514)
Freakmeister,
Если Вы видите скриншот - то должны видеть ИЕ7 (ИЕ6 - аналогично поддерживается

фильтры - IE5.5-IE9 в 10 поддерживается -ms-transform.Freakmeister, вы вообще смотрели мой пример?

Freakmeister 01.07.2012 02:06

Смотрел, но в разных браузерах не тестил. Поддержку смотрел тут:
http://htmlbook.ru/css/transform

Deff 01.07.2012 02:08

Freakmeister,
там же + Для ИЕ
zoom: 1;
position: absolute;
filter:progid:DXImageTransform.Microsoft.Mat


Часовой пояс GMT +3, время: 10:56.