http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml ru Copyright 2003 Andrey Novikov Sat, 13 Mar 2010 15:16:47 GMT http://backend.userland.com/rss POEM(tm) novikov@xpoint.ru 10 Игорь Лебедев Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281437 <p>Я разобрался, как можно делать прозрачные картинки в фоне.</p> <p>Привожу ссылку, где про это можно почитать:<br /> <a class="externalLink" href="http://www.alistapart.com/articles/pngopacity/">http://www.alistapart.com/articles/pngopacity/</a><br /> К статье прилагаются работающие примеры, очень толково.</p> <p>Есть одно НО - когда ставишь png в фон, с помощью метода, указанного в статье, картинка растягивается на размер объекта, в чей фон она ставиться. Т.е. если ячейка таблицы 90 * 110, а картинка 100 * 100, то картинка будет искажена 90 * 110.</p> <p><span class="userInlineRecord user5483Record">lavan<a href="http://xpoint.ru/user/5483" class="userInfoLink"><span>[досье]</span></a></span> Может Вы сможете адаптировать пример, чтобы можно было ставить повторяющуюся картинку в фоне?</p> Mon, 07 Feb 2005 11:55:49 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281437 lavan Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281220 Я тоже страдаю от того, что оно не работает с фоновыми картинками. Если кто знает, дайте ответ плз. Fri, 04 Feb 2005 21:03:44 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281220 Алексей В. Иванов Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281179 <blockquote>Ничего подобного, данное решение не работает с фоновыми картинками.</blockquote> Именно.<br /> Мне казалось Вам ответили в другом посте. Если это не так, прошу прощения. Fri, 04 Feb 2005 16:04:42 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281179 Игорь Лебедев Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281175 <p><span class="userInlineRecord user151Record donated">Алексей В. Иванов<a href="http://xpoint.ru/user/151" class="userInfoLink"><span>[досье]</span></a></span> Ничего подобного, данное решение не работает с фоновыми картинками.</p> <p>Я предложил довести решение до конца.</p> <p>Может кто-то знает ответ?</p> <p>Кстати, данный фрагмент кода позаимствован с сайта artlebedev.ru/best, по крайней мере там эти парни используют точно такой-же, слово-в-слово.</p> Fri, 04 Feb 2005 15:54:02 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281175 Алексей В. Иванов Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281163 <span class="userInlineRecord user2889Record">Игорь Лебедев<a href="http://xpoint.ru/user/2889" class="userInfoLink"><span>[досье]</span></a></span> Вам же уже ответили! Ответ был полным. Все. Fri, 04 Feb 2005 15:10:15 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281163 Игорь Лебедев Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281160 <p>Скажите, а есть ли возможность повторить данный трюк для картинок PNG, но в том случае, когда они находятся в качестве фона?</p> <p>Есть ли у фоновой картинки свойство-аналог &quot;BEHAVIOR&quot;?</p> <p>Для полноты раскрытия вопроса проблемы PNG-картинок в <acronym title="Internet Explorer">IE</acronym>, предлагаю рассмотреть фоновые картинки.</p> Fri, 04 Feb 2005 14:54:16 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#281160 Игорь Лебедев Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#280796 Отлично работает!<br /> Автору благодарность! :-) Wed, 02 Feb 2005 13:52:56 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#280796 lavan Интернет::Графика http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#273451 <p>Нашёл интересное решение для отображения png файлов с альфа каналами в эксплорере:</p> <pre>&lt;img src=&quot;i/alpha.png&quot; width=100 height=100 style=&quot;BEHAVIOR: url(i/png.htc);&quot;&gt;</pre> <p>png.htc:</p> <pre>&lt;public:component&gt; &lt;public:attach event=&quot;onpropertychange&quot; onevent=&quot;propertyChanged()&quot; /&gt; &lt;script&gt; var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) &amp;&amp; navigator.platform == &quot;Win32&quot;; var realSrc; var blankSrc = &quot;i/1x1_tr.gif&quot;; if (supported) fixImage(); function propertyChanged() { if (!supported) return; var pName = event.propertyName; if (pName != &quot;src&quot;) return; // if not set to blank if ( ! new RegExp(blankSrc).test(src)) fixImage(); }; function fixImage() { // get src var src = element.src; // check for real change if (src == realSrc) { element.src = blankSrc; return; } if ( ! new RegExp(blankSrc).test(src)) { // backup old src realSrc = src; } // test for png if ( /\.png$/.test( realSrc.toLowerCase() ) ) { // set blank image element.src = blankSrc; // set filter element.runtimeStyle.filter = &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src='&quot; + src + &quot;',sizingMethod='scale')&quot;; } else { // remove filter element.runtimeStyle.filter = &quot;&quot;; } } &lt;/script&gt; &lt;/public:component&gt;</pre> Sun, 05 Dec 2004 20:30:32 GMT http://xpoint.ru/forums/internet/graphics/thread/28760.xhtml#273451