Скрыть элемент при щелчке в любом месте за его пределами css

Question

Поиск Я могу найти только решения javascript/jquery, нет ли способа сделать это исключительно с помощью css?

#UserMenu.block { 
display: block; 
} 

#UserMenu { 
font-size: 16px; 
padding: 15px; 
display: none; 
background: #333; 
position: absolute; 
left: 10px; 
width: 200px; 
} 


#UserMenu a { 
color: #24A9D8; 
display: block; 
position: relative; 
padding: 5px 10px; 
} 

Вы можете проверить его здесь:

http://jsfiddle.net/hLch3jku/

Answer 1

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