<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Комментарии к записи: Масштабируемые фоны в веб-дизайне</title>
	<atom:link href="http://womtec.ru/2010/05/scalable-background-in-web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://womtec.ru/2010/05/scalable-background-in-web-design/</link>
	<description>Блог для веб-мастеров и дизайнеров</description>
	<lastBuildDate>Tue, 07 Feb 2012 17:34:41 +0300</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Автор: Simka</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-2451</link>
		<dc:creator>Simka</dc:creator>
		<pubDate>Wed, 25 May 2011 14:16:04 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-2451</guid>
		<description>Это должно работать и на css2 (люди до сих пор Explorer 6 используют), поэтому когда-то решал эту задачу скриптом: див растягивал по ширине и высоте на весь экран, яваскриптом читал его размер, вписывал туда же скриптом картинку с полученными размерами, у дива z-индекс должен быть 0 или -1. Работает (:</description>
		<content:encoded><![CDATA[<p>Это должно работать и на css2 (люди до сих пор Explorer 6 используют), поэтому когда-то решал эту задачу скриптом: див растягивал по ширине и высоте на весь экран, яваскриптом читал его размер, вписывал туда же скриптом картинку с полученными размерами, у дива z-индекс должен быть 0 или -1. Работает (:</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Артем</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-2423</link>
		<dc:creator>Артем</dc:creator>
		<pubDate>Wed, 04 May 2011 16:32:30 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-2423</guid>
		<description>Flash — доживает свои дни ...</description>
		<content:encoded><![CDATA[<p>Flash — доживает свои дни &#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Олег</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-2346</link>
		<dc:creator>Олег</dc:creator>
		<pubDate>Mon, 28 Mar 2011 20:20:14 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-2346</guid>
		<description>На css3 работает. Синтаксис:
&lt;pre lang=&quot;css&quot;&gt;
#backgro {
	background: url(/images/bg.jpg) no-repeat;
	background-size: [ значение&gt;&#124; проценты &#124; auto ]{1,2} &#124; cover &#124; contain;
}
&lt;/pre&gt;
Значение cover масштабирует изображения в пропорциях и вмещает в слой; contain — заполняет изображением весь блок; значение и проценты — догадались наверное, размер указывать как угодно ( px, em, cm ...); auto — если указываете один из размеров изображения (например, пишете background-size:100px auto — браузер вам выдаст блок с подложкой шириной 100 пикселей и шириной, равной ширине блока). Для старых версий браузеров приписываем дополнительные строки:
&lt;pre lang=&quot;css&quot;&gt;
/* Mozilla */ moz-background-size: параметры
/* Chrome и Safari */ webkit-
/* Opera */ o-background-size: параметры
            background-size: параметры
&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p>На css3 работает. Синтаксис:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#backgro</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">/images/bg.jpg</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span><span style="color: #00AA00;">;</span>
	background-<span style="color: #000000; font-weight: bold;">size</span><span style="color: #00AA00;">:</span> <span style="color: #00AA00;">&#91;</span> значение<span style="color: #00AA00;">&gt;</span>| проценты | <span style="color: #993333;">auto</span> <span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&#123;</span><span style="color: #cc66cc;">1</span><span style="color: #00AA00;">,</span><span style="color: #cc66cc;">2</span><span style="color: #00AA00;">&#125;</span> | cover | contain<span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Значение cover масштабирует изображения в пропорциях и вмещает в слой; contain — заполняет изображением весь блок; значение и проценты — догадались наверное, размер указывать как угодно ( px, em, cm &#8230;); auto — если указываете один из размеров изображения (например, пишете background-size:100px auto — браузер вам выдаст блок с подложкой шириной 100 пикселей и шириной, равной ширине блока). Для старых версий браузеров приписываем дополнительные строки:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* Mozilla */</span> moz-background-<span style="color: #000000; font-weight: bold;">size</span><span style="color: #00AA00;">:</span> параметры
<span style="color: #808080; font-style: italic;">/* Chrome и Safari */</span> webkit-
<span style="color: #808080; font-style: italic;">/* Opera */</span> o-background-<span style="color: #000000; font-weight: bold;">size</span><span style="color: #00AA00;">:</span> параметры
            background-<span style="color: #000000; font-weight: bold;">size</span><span style="color: #00AA00;">:</span> параметры</pre></div></div>

]]></content:encoded>
	</item>
	<item>
		<title>Автор: Олег</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-2338</link>
		<dc:creator>Олег</dc:creator>
		<pubDate>Mon, 28 Mar 2011 13:32:09 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-2338</guid>
		<description>Могу скрипт на jquery написать. Когда-то делал такую вещь. Пишите на &lt;a href=&quot;firestorm-adm@mail.ru&quot; rel=&quot;nofollow&quot;&gt;мыло&lt;/a&gt;.</description>
		<content:encoded><![CDATA[<p>Могу скрипт на jquery написать. Когда-то делал такую вещь. Пишите на <a href="firestorm-adm@mail.ru" rel="nofollow">мыло</a>.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Toribloger</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-1876</link>
		<dc:creator>Toribloger</dc:creator>
		<pubDate>Thu, 05 Aug 2010 12:33:43 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-1876</guid>
		<description>Я просто обожаю подобные сайты, иногда часами сижу и пересматриваю их. В каждом ведь есть своя фишка и своя особенность, которая порой подталкивает на создание чего-то своего!</description>
		<content:encoded><![CDATA[<p>Я просто обожаю подобные сайты, иногда часами сижу и пересматриваю их. В каждом ведь есть своя фишка и своя особенность, которая порой подталкивает на создание чего-то своего!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Osstudio</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-1827</link>
		<dc:creator>Osstudio</dc:creator>
		<pubDate>Tue, 13 Jul 2010 10:05:19 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-1827</guid>
		<description>Здоровские сайты. Сижу и наслаждаюсь. Но что сложно, то сложно — это факт )</description>
		<content:encoded><![CDATA[<p>Здоровские сайты. Сижу и наслаждаюсь. Но что сложно, то сложно — это факт )</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Панков</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-1800</link>
		<dc:creator>Панков</dc:creator>
		<pubDate>Thu, 24 Jun 2010 11:12:32 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-1800</guid>
		<description>Обожаю такие сайты, очень крутые и кажутся дорогими (:, жаль делать их сложно ):</description>
		<content:encoded><![CDATA[<p>Обожаю такие сайты, очень крутые и кажутся дорогими (:, жаль делать их сложно ):</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Extezy</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-1769</link>
		<dc:creator>Extezy</dc:creator>
		<pubDate>Tue, 08 Jun 2010 08:22:08 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-1769</guid>
		<description>Обалденные примеры привел. Очень красиво. Расписал бы для новичков, как реализовать (:</description>
		<content:encoded><![CDATA[<p>Обалденные примеры привел. Очень красиво. Расписал бы для новичков, как реализовать (:</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Minigamer</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-1757</link>
		<dc:creator>Minigamer</dc:creator>
		<pubDate>Fri, 04 Jun 2010 02:52:32 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-1757</guid>
		<description>Красивые сайты!</description>
		<content:encoded><![CDATA[<p>Красивые сайты!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Coldsoul</title>
		<link>http://womtec.ru/2010/05/scalable-background-in-web-design/#comment-1754</link>
		<dc:creator>Coldsoul</dc:creator>
		<pubDate>Wed, 02 Jun 2010 10:37:53 +0000</pubDate>
		<guid isPermaLink="false">http://womtec.ru/?p=3390#comment-1754</guid>
		<description>Красивые дизайны! Вомтек.ру вообще горячий! )</description>
		<content:encoded><![CDATA[<p>Красивые дизайны! Вомтек.ру вообще горячий! )</p>
]]></content:encoded>
	</item>
</channel>
</rss>

