21 lines
No EOL
802 B
Markdown
21 lines
No EOL
802 B
Markdown
# HTML/CSS
|
||
|
||
Область выделения можно оформить как `DIV`, серого цвета, полупрозрачный, с рамкой:
|
||
|
||
```css
|
||
.crop-area {
|
||
position: absolute;
|
||
border: 1px dashed black;
|
||
background: #F5DEB3;
|
||
opacity: 0.3;
|
||
filter:alpha(opacity=30); /* IE opacity */
|
||
}
|
||
```
|
||
|
||
# Решение
|
||
|
||
[edit src="solution"]Открыть в песочнице[/edit]
|
||
|
||
Обратите внимание: обработчики `mousemove/mouseup` ставятся на `document`, не на элемент.
|
||
|
||
Это для того, чтобы посетитель мог начать выделение на элементе, а продолжить и завершить его, двигая зажатой мышкой снаружи, вне его границ. |