如何使框阴影可点击

-1

我有一些文字在屏幕上有一个盒子阴影。文本链接到外部网站。不过，我只能点击实际文字才能进入外部链接。我如何使盒子阴影可点击，以便我还可以按文本框阴影上的任意位置，并使链接仍然有效。如何使框阴影可点击

2015-06-20 Tahmid

你也可以使用'的box-shadow：插图...'像[这个答案]（提到http://stackoverflow.com/questions/31333668/is-it-可能对包括现成阴影，在最DIV区域 - 即，响应到A-CLIC/31333732＃31333732）。插入框阴影被添加到元素内部，因此可以点击。 – Harry

据我所知，这是不可能的。尽管您可以制作一个阴影类别的div，并且它的样式正确，然后使其可以点击。

来源

2015-06-20 12:00:30 user3522940

您可以使用更大的宽度和高度绘制外框。并给他们ancher标签。

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; 
    }

来源

2015-06-20 12:06:03

它是硬编码的，所以不能得到完美的解决了这个，但你仍然可以尝试这样的事情。

.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>

来源

2015-06-20 12:36:39 divy3993

如何使框阴影可点击

回答

相关问题