2016-11-29 62 views
-1

我在iPad上的文字阴影裁剪有问题。正如你可以在this image上看到的那样,影子会被裁剪掉。这是网站的link。我猜测问题是阴影比线高还大?我试图添加溢出:可见,但没有任何改变。iPad上的阴影裁剪

非常感谢您的时间。

+0

你可以在这里添加代码 – jophab

+0

带阴影的跨度css是: '.shadow { overflow:visible; text-shadow:0 0 65px rgba(0,0,0,0.4); }' – Pavel

回答

0

请在样式表中添加

.shadow { 
text-shadow: 0 0 65px rgba(0, 0, 0, 0); 
} 
+0

你好,这会让我的影子几乎看不见' – Pavel

+0

新代码添加'text-shadow:none' –

+0

谢谢你,但是我怕我们误会了对方,我想保持65px的影子距离没有被裁剪,使用文字阴影:没有影子会完全消失 – Pavel

0

只是使它在iPad上

@media (max-width: 979px) and (min-width: 768px){ 
.shadow { 
text-shadow: 0 0 65px rgba(0,0,0,.9); 
overflow: auto; 
}} 

http://prntscr.com/dd5u5z

0

我设法解决这个问题更暗。我添加了一个位置:relative和display:inline-block到影子类。

.shadow { 
    text-shadow: 0 0 65px rgba(0, 0, 0, 0.4); 
    display: inline-block; 
    position: relative; 
} 

感谢大家参与。