kidar2
-
Posts
28 -
Joined
-
Last visited
kidar2's Achievements
Explorer (1/14)
0
Reputation
-
Как можно запретить? Интересует именно тема с img, тема с background-image не подходит.
-
Нет, все размеры заданы верно, условия как раз такие, что внутренний элемент находится за пределами родителя, но при этом нужно отображать его, даже если overflow:hidden.
-
Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты top, left относительно всей страницы, что серъёзно повлияет на производительность.
-
Тут довольно интересные способы собраны http://learn.javascript.ru/css-center
-
Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?
-
Возможно ли отрисовать с помощью DXImageTransform реализовать в IE поддержку нескольких бакграундов по аналогии с CSS3: #element { background: url('img.png') 20px 0 no-repeat, url('img.png') 40px 0 no-repeat, url('img.png') 80px 0 no-repeat; } Пробовал сделать вот так: var Element = document.getElementBuId('element'); Element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 40)" + ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"+ ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"; Но изображения всеравно отрисовываются одно надо другим, без относительного сдвига. Собственно вопрос сводится к тому, возможно ли c помощью DXImageTransform произвольно позиционировать несколько изображений.
-
Оказывается без дополнительного тэга img никак... просто у нас картинки размещаются через спрайты и background-image. А в этом плагине картинка для canvas берётся из img. Может есть вариант без canvas вообще? К тому же будет довольно накладно создавать n canvas'ов.
-
Спасибо, даже в IE8 работает... интересно как?
-
Добрый день. Подскажите плз. Можно ли как-то задать картинке монохромный (чёрно-белый) стиль без создания новой картинки? В IE есть такое решение filter : gray. А для других браузеров делают через svg. Может есть что=то стандартное?
-
Как сделать чтобы фон не просвечивал полупрозрачный бордер?
kidar2 replied to kidar2's question in HTML Coding
Спасибо, а для IE7-8 есть решение? -
subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал границы элемента?
-
Подскажите каким образом это можно сделать ?
-
Есть div. Небходимо задать для него несколько backround-image'ов. Предполагается разместить их в разных частях дива через backround-position. Никто не решал такой задачи ?
-
Есть такой пример: <html> <head> <style type="text/css"> table { border-collapse: collapse; } TD { border: 1px solid black; } </style> </head> <body> <div> <table cellspacing="0" cellpadding="0" id="FirstTable"> <tbody> <tr> <td> раз </td> <td> два </td> <td> три </td> </tr> </tbody> </table> </div> <br /> <input type="button" value="visible" onclick="document.getElementById('FirstTable').style.visibility = 'visible';" /> <input type="button" value="hidden" onclick="document.getElementById('FirstTable').style.visibility = 'hidden';" /> </body> </html> Обычная таблица с границами в ячейках. Если менять стиль visibility на hidden, а потом на visible, то границы в таблице пропадут... (повторяется в Opera 10.5). Повторяется только с border-collapse: collapse; Кто-нибудь сталкивался с таким? Как это обойти ?
-
В моём случае у меня лишь разные браузеры и разные версии IE.