У меня есть текст на экране с тенью коробки. Текст ссылается на внешний веб-сайт. Тем не менее, я могу нажать только фактический текст, чтобы перейти во внешнюю ссылку. Как сделать так, чтобы ящик теневого окна был доступен для просмотра, так что я могу также нажимать в любом месте теней текстовых полей и поддерживать связь.Как сделать тень окна нажатой
-1
A
ответ
0
Насколько я знаю, это невозможно. Несмотря на то, что вы можете сделать div с классом тени и соответствующим образом нарисовать его, а затем сделать его интерактивным.
1
Вы можете нарисовать внешнюю коробку с большей шириной и высотой. и дать им метку теса.
HTML
<a href="http://google.com">
<div class='outer-box'>
<div class="box"></div>
</div>
</a>
CSS
.outer-box{
width:120px;
height:120px;
display: inline-block;
}.box{
width:100px;
height:100px;
color:green;
box-shadow: 10px 10px 5px #888888;
}
3
Это трудно закодированы, поэтому не может получить идеальное решение этой проблемы, но все же вы можете попробовать что-то вроде этого.
.outer {
display:block;
width:100px;
padding: 2px 6px 6px 2px;
/* The 6px is for right and bottom as they have more shadow 2px is for top and left*/
height:auto;
cursor:pointer;
}
.inner {
margin:0px;
display:block;
height:50px;
width:100px;
box-shadow:2px 2px 10px #333;
}
<div class='outer'>
<div class="inner"></div>
</div>
Смежные вопросы
- 1. Jqueryui: как сделать тень вокруг диалогового окна?
- 2. Как сделать кнопку нажатой?
- 3. CSS3 окна тень вопрос
- 4. Qt: как сделать тень для виджетов главного окна?
- 5. wpf: пользовательская тень окна
- 6. Как сделать вкладку нажатой кнопкой?
- 7. Как сделать кнопку iPhone нажатой?
- 8. Вставка CSS и тень окна
- 9. Внутренняя тень для окна миниатюр
- 10. Тень скрытого окна при минимизации родительского окна
- 11. Как установить тень окна с помощью javascript?
- 12. Как использовать тень окна в css?
- 13. Safari окна тень поддержка врезка
- 14. Как подключить тень окна по диагонали?
- 15. Как сделать тень вокруг LinearLayout?
- 16. Как сделать тень на границе?
- 17. Как сделать тень в UILabel
- 18. CSS3 тень окна сверху детей
- 19. Применить рамку на тень окна
- 20. как дать тень для заднего окна?
- 21. Как удалить тень окна из изображения?
- 22. Как сделать кнопку нажатой или выбранной кнопкой? (JavaFX2)
- 23. jQuery - сделать ссылку нажатой подчеркнуто
- 24. CSS создает тень окна, а не тень отбрасывания
- 25. Как сделать кнопку нажатой в libGDX?
- 26. Как сделать кнопку нажатой до вывода результатов?
- 27. Как сделать нажатой кнопку с javascript
- 28. Как сделать нажатой кнопку эффекта AndEngine?
- 29. Как сделать целую кнопку Mailchimp нажатой?
- 30. Bootstrap accordion: как сделать целую кнопку нажатой?
Вы также можете использовать 'коробчатого тень: вставка ...', как упомянуто в [этот ответ] (http://stackoverflow.com/questions/31333668/is-it- возможно, к включают коробки-тень-в-Div-области-что-откликается к-а-CLIC/31333732 # 31333732). Внутри элемента добавляются вставки-тени, и, следовательно, они будут доступны для кликов. – Harry