Страница 329 из 493 • Рамки и фон блочного элемента, которые пересекаются с перемещаемым элементом, генерируются под перемещаемым элементом, тогда как его содержимое генерируется поверх перемещаемого элемента. Чтобы проиллюстрировать это правило, рассмотрим следующую ситуацию; <img src=,Ttesty.gif" class=*'sideline"> <р class="box"> This paragraph, unremarkable in most ways, does contain an inline element. This inline contains some <strong>strongly emphasized text, which is so marked to make an important point</strong>. The rest of the element's content is normal anonymous inline content. </p> <p> This is a second paragraph. There's nothing remarkable about it, really. Please move along. </p> <h2 id=T'jump-up">A Heading!</h2> К этой разметке применяем следующие стили, результат показан на рис. 10.20: img. sideline {float:left; margin:Юрх -15px Юрх Юрх;} p.box {border:1px solid gray; padding:0,5em;} p.box strong {border:Зрх double black; background:silver; padding:2px;} h2#jump-up {margin-top:-15px; background:silver;} Строковый элемент (strong) полностью перекрывает перемещаемое изображение:фон, рамку, содержимое и все остальное, У блочных элементов поверх перемещаемого элемента оказывается только содержимое. Их фон и рамки остаются за перемещаемым элементом. Описанное поведение перекрытия не зависит от исходного порядка документа. Неважно, где находится элемент - перед или после перемещаемого элемента, - все равно поведение остается неизменным.  Рис. 10.20. Пересечение с перемещаемыми элементами
|