Возможно ли средствами CSS сделать, чтобы один блок делал "дырку" в другом, т.е. показывал фон, расположенный за родительским блоком? Вот примерно что мне нужно:
когда-то искал ответ вроде был - никак уже не помню где конкретно это смотрел/читал но реализация простая - 5 блоков:1 по центру , 4 по сторонам - так и выходит прозрачность.
Это у меня короче последствия установки высоты колонок 100%, чтобы на них можно было наложить фон. В итоге, колонки уходят вниз под футер, т.е. нижней их части не видно, а её нужно закруглить. Теперь вот ломаю голову как это сделать.
Можно так сделать если только CSS. Правда я не уверен это ли имел ввиду топикстартер? HTML: <style> #divA img { position: absolute; z-index: -1; top: 0px; left: 0px; } #divB { position: absolute; background: yellowgreen; width: 500px; height: 500px; top: 90px; } #divC { position: absolute; width: 480px; height: 280px; /*******************************/ left: 70px; top: 190px; border: 3px solid red; background-position: -73px -193px; /*******************************/ background-image: url('http://www.vivisto.co.uk/UserFiles/Image/Nomad%20Bushmen.jpg'); background-repeat: no-repeat; } </style> <div id="divA"> <img src="http://www.vivisto.co.uk/UserFiles/Image/Nomad%20Bushmen.jpg"/> <div id="divB"></div> <div id="divC"></div> </div>