阴影标题显示不正确

Question

我列出我的项目here. All share the same style for the tittle, with a dark background for the inner body of the border the tittle lives in. However, my latest project got a logo ( :) ) which does not allow for a dark background. The reason as you can see here是长颈鹿的嘴巴是棕色的，因此深色背景不太匹配。

header 的代码是这样的：

<h1 style="background-color:#FFFFFF;font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-weight:300;font-size:27px;letter-spacing:2px;
  text-shadow:2px 2px #330000 , 3px 3px #330033 , 4px 4px #330066 , 5px 5px #330099;
  color:black;text-align:center;letter-spacing:2px;border:2px solid;
  border-radius:25px;border-color:#CCCC99;box-shadow:10px 5px 5px #CC9966;
  border-style:outset;-moz-background-size:20% 100%;background-size:20% 100%;
  background-image:url('myurl');-moz-border-radius:25px;
  background-repeat:no-repeat;width:70%;position:relative;top:50%;left:15%;"><span style="padding-left:20px;font-size:30px;line-height:6em;"><b>kd-GeRaF</b></span>
</h1>

不幸的是，我无法使用 CSS 文件夹，因此我将其放在 HTML 代码中。

问题是阴影标题在白色背景下显示效果不佳，正如您在上面的 link 中看到的那样。我尝试了几种颜色组合以使其显示效果很好，但我失败了。我应该怎么做？

Answer 1

这不是Whosebug的问题，无论如何，你为什么不选择长颈鹿颜色和平滑的阴影？

<h1 style="background-color:#FFFFFF;font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;font-weight:300;font-size:27px;letter-spacing:2px;text-shadow: 2px 2px 1px rgba(0,0,0, .4);color: #f8bf63;text-align:center;letter-spacing:2px;border:2px solid;border-radius:25px;border-color:#CCCC99;box-shadow:10px 5px 5px #CC9966;border-style:outset;-moz-background-size:20% 100%;background-size:20% 100%;background-image:url('https://gsamaras.files.wordpress.com/2015/05/giraffe_sam.png');-moz-border-radius:25px;background-repeat:no-repeat;width:70%;position:relative;top:50%;left:15%;"><span style="padding-left:20px;font-size:30px;line-height:6em;"><b>kd-GeRaF</b></span></h1>

阴影标题显示不正确

Shaded tittle does not displayed properly

html

css

colors

shadow

background-color