• Страница 1 из 1
  • 1
background
Raiderr
Дата: Суббота, 24.04.2010, 21:20 | Сообщение # 1
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
У меня есть картинка 300x300. Я хочу чтобы она была фоном участка 150x150, но чтобы она не обрезалась, а уменьшалась. Можно так сделать?

Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
DSC
Дата: Суббота, 24.04.2010, 21:53 | Сообщение # 2
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Code
// используя html
<img src="#" height="50%" width="50%">

// или на css:
#yourimg{height:50%;width:50%}


aka Latro
  
MrFrost
Дата: Воскресенье, 25.04.2010, 11:20 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 2614
Сообщений: 31
Получено оценок: 5
Raiderr, через фотошоп ^_^
DSC, ему нужно уменьшить фон, а не картинку
  
DSC
Дата: Воскресенье, 25.04.2010, 11:51 | Сообщение # 4
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
MrFrost, я понял что он хочет, почитай внимательно!

aka Latro
  
MrFrost
Дата: Воскресенье, 25.04.2010, 14:08 | Сообщение # 5
молчун
Группа: Проверенные
Пользователь №: 2614
Сообщений: 31
Получено оценок: 5
Ну и что?
  
UnderShot
Дата: Воскресенье, 25.04.2010, 17:29 | Сообщение # 6
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Quote (MrFrost)
Ну и что?

Code
#yourimg{height:50%;width:50%}


Очень важная тема!
Filmzona — онлайн фильмы.
  
MrFrost
Дата: Воскресенье, 25.04.2010, 19:37 | Сообщение # 7
молчун
Группа: Проверенные
Пользователь №: 2614
Сообщений: 31
Получено оценок: 5
UnderShot, как я понял ему нужно изменить размер фона, а не изображения.
Code
-o-background-size:50%;
-webkit-background-size:50%;
-khtml-background-size:50%;
-moz-background-size:50%;
/* Это ему нужно */

Code
#yourimg{height:50%;width:50%}
/* А это поможет только для изображения (ну или нужно ставить z-index) */


Сообщение отредактировал MrFrost - Воскресенье, 25.04.2010, 19:38
  
Raiderr
Дата: Воскресенье, 25.04.2010, 20:21 | Сообщение # 8
болтун
Группа: Проверенные
Пользователь №: 673
Сообщений: 349
Получено оценок: 26
MrFrost, а что-то помимо CSS 3?
DSC, http://www.youtube.com/watch?v=1KJsXe_BkPw


Новый кавер Jar of Hearts: http://www.youtube.com/watch?v=OLkXQMHVRhI
  
MrFrost
Дата: Воскресенье, 25.04.2010, 20:36 | Сообщение # 9
молчун
Группа: Проверенные
Пользователь №: 2614
Сообщений: 31
Получено оценок: 5
Вроде как то можно с помощью js надо поискать.


lol
  
DSC
Дата: Воскресенье, 25.04.2010, 22:40 | Сообщение # 10
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Raiderr, ой, типо с умничал...
И вообще, если не помогло, можно было сразу написать, что не то!


aka Latro
  
MrFrost
Дата: Четверг, 29.04.2010, 11:55 | Сообщение # 11
молчун
Группа: Проверенные
Пользователь №: 2614
Сообщений: 31
Получено оценок: 5
С помощью css еще можно вот так с помощь z-index:
Code
<style type="text/css">
.box {
position: relative;
overflow: hidden;
}
.box img {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
z-index: 100;
}
.box .content {
position: absolute;
z-index: 200;
}
</style>
<div class="box">
<div class="content">
<!-- Здесь Ваш текст -->
</div>
<img src="img/image1.jpg" alt="">
</div>

Это кроссбраузерней :D
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.