2015-06-09 2 views
-1

У меня есть этот веб с фоном определяется таким образом, в CSS:Отсканировать изображение в соответствии с фоновым изображением.

body{ 
background-image:url(BackgroundImage.jpg); 
background-size: 100%; 
background-repeat: no-repeat; 

А потом у меня есть несколько других изображений на вершине, что размещено в определенных положениях. например:

#Logo{ 
position: absolute; 
top:92px; 
left:95px; 
} 

Однако мне нужно, чтобы изображение логотипа масштабировалось в соответствии с фоновым изображением.

Итак, я думаю, что мне нужно сообщить об изображении логотипа. Является ли любой размер, который у вас есть на данный момент Is = 100%, и всякий раз, когда я масштабирую окно, вам необходимо действовать соответствующим образом.

Thx за любые взносы заранее!

+0

Можете ли вы сделать какой-то скрипку? Спасибо – John

+0

https://jsfiddle.net/g0Lcpm3v/ – Brutiquzz

+0

Что вы пытаетесь достичь с помощью ввода формы? И какова связь между входом и логотипом? Это кнопка? –

ответ

0
<body> 
    <div id="logo"></div> 
</body> 

#logo { 
    display: block; 
    position: absolute; 
    top:10%; 
    left:5%; 
    width: 15%; 
    height: 18%; 
    background-image: url(logo.jpg); 
    background-size: cover; 
    background-position: center center; 
} 

https://jsfiddle.net/michaelyuen/h2am5zkg/

Вы должны установить все в процентах

+0

Ну да, это действительно делает мой масштаб изображения логотипа, но далек от того, что я хочу. Вам нужно представить, что у меня есть специальное оформленное фоновое изображение с рамками, в которые вписываются меню и логотип. И атм, когда я масштабирую свое окно. этот логотип и меню выходит за рамки его кадров. – Brutiquzz

+0

, если вы видели картинку, которую знаете, почему я не помещаю кадры отдельно от фонового изображения. К сожалению, у меня нет достаточной репутации для публикации изображения. – Brutiquzz

Смежные вопросы