Вид для печати
Есть вот такая валидная конструкция.
div#header h1 a {
/* you can set your own image here */
background: #385C72 url(images/cms/logo1.gif) no-repeat 0 12px;
display: block;
height: 80px; /* adjust according your image size */
text-indent: -999em; /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
Нужно заменить бэк цветом на бэк картинкой(чтобы закрасить края при разном разрешении экрана.Помогите нубу!
если вы имеете ввиду в одном диве 2 беграунда, то мне кажется ето не реально, а я дела просто дів в диве и тогда задавал беграунд для каждого свой...
Добро пожаловать в CSS3...)
К сожалению, на сегодняшний день задать для блочного элемента больше одного фонового изображения невозможно. Проблему можно решить разными способами. Выбор наиболее оптимального зависит от особенностей каждого конкретного макета...
Не пробовал, но люди говорят, что пользуются таким методом:
http : // www . webmakerslounge . com / css / first-letter-pseudoclass /
Стоит им пользоваться, или лучше в дополнительный див оборачивать?
Во-первых, :first-letter – это не псевдокласс. Это псевдоэлемент. Очень жаль, что автор публикации путается в терминах. Но суть, собственно говоря, не в этом. Посмотрим на последний комментарий к публикации:Цитата:
Стоит им пользоваться, или лучше в дополнительный див оборачивать?
И все становится понятно.Цитата:
Погорячился я, ой погорячился. У метода всплыла куча разногласий с IE. По разному воспринимают padding у элемента и :first-letter. FF естественно прибавляет padding родителя и :first-line. При включенном hasLayout тоже разногласия. С line-height тоже траблы. Вообщем достаточно попробовать сэмулировать sliding doors и все будет ясно. Годится только для простых примеров вроде тех, что ты привел. А жаль. Ой как жаль ((