|
background
|
|
| Raiderr |
| Группа: Проверенные Пользователь №: 673 Сообщений: 349 Получено оценок: 26
| У меня есть картинка 300x300. Я хочу чтобы она была фоном участка 150x150, но чтобы она не обрезалась, а уменьшалась. Можно так сделать?
| | |
|
| DSC |
| Группа: Проверенные Пользователь №: 127 Сообщений: 516 Получено оценок: 41
| Code // используя html <img src="#" height="50%" width="50%"> // или на css: #yourimg{height:50%;width:50%}
| | |
|
| MrFrost |
|  молчун Группа: Проверенные Пользователь №: 2614 Сообщений: 31 Получено оценок: 5
| Raiderr, через фотошоп 
DSC, ему нужно уменьшить фон, а не картинку | | |
|
| DSC |
| Группа: Проверенные Пользователь №: 127 Сообщений: 516 Получено оценок: 41
| MrFrost, я понял что он хочет, почитай внимательно!
| | |
|
| MrFrost |
| молчун Группа: Проверенные Пользователь №: 2614 Сообщений: 31 Получено оценок: 5
| Ну и что? | | |
|
| UnderShot |
| Группа: Модераторы Пользователь №: 45 Сообщений: 923 Получено оценок: 85
|
Code #yourimg{height:50%;width:50%}
| | |
|
| MrFrost |
| молчун Группа: Проверенные Пользователь №: 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 |
| Группа: Проверенные Пользователь №: 673 Сообщений: 349 Получено оценок: 26
| MrFrost, а что-то помимо CSS 3?
DSC, http://www.youtube.com/watch?v=1KJsXe_BkPw
| | |
|
| MrFrost |
| молчун Группа: Проверенные Пользователь №: 2614 Сообщений: 31 Получено оценок: 5
| Вроде как то можно с помощью js надо поискать.
 | | |
|
| DSC |
| Группа: Проверенные Пользователь №: 127 Сообщений: 516 Получено оценок: 41
| Raiderr, ой, типо с умничал...
И вообще, если не помогло, можно было сразу написать, что не то!
| | |
|
| MrFrost |
| молчун Группа: Проверенные Пользователь №: 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>
Это кроссбраузерней  | | |
|
