2016-11-29 113 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; 
} 

感謝大家參與。