init

02-ui/05-widgets/06-widget-tasks/04-img-select-mouse/solution.md

@@ -0,0 +1,21 @@
+# 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`, не на элемент. 
+
+Это для того, чтобы посетитель мог начать выделение на элементе, а продолжить и завершить его, двигая зажатой мышкой снаружи, вне его границ.