Чтобы архивировать это, вам нужно использовать z-index. Если вы установите box в z-index на 0 и brand z-index на 10. Тогда бренд будет на вершине коробки.
blockquote>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } HTML, body { margin: 0; padding: 0; height: 100%; width: 100%; } .container { margin: 0 auto; width: 900px; height: 900px; } body { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans- serif; margin: 0px; } .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { width: 300px; height: 300px; position: relative; z-index:0; } .box1 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: right; } .box2 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: left; } .box3 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: left; } .box4 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: left; } .box5 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: right; } .box6 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: left; } .box7 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: right; } .box8 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: right; } .box9 { background-image:url(https://source.unsplash.com/user/erondu/1600x900); float: left; } .brand { background-color: #000000; color: #ffffff; position: fixed; z-index:20; font-size:36px; top: 0; height: 100px; width: 900px; } .byline { background-color:#E0E0E0; position: absolute; z-index:10; top: 25px; left: 25px; padding: 25px; }
Yosemite123456789Я сделал кодовую ручку: Нажмите здесь
Я использовал бы интерфейс JNI, если целью является качество.
http://alumnus.caltech.edu/~jimmc/jshortcut/
Для быстрых взломов, (только на моей рабочей станции): Система. Должностное лицо () vbscript :-) (я знаю, я знаю).