文本阴影不起作用（使用JS方法和CSS）

Question

当我使用CSS和JavaScript方法部署Text-Shadow时，CSS3样式并非在所有情况下都起作用。它以某种方式被隐藏，无法查看。您是否有解决方法的建议，以允许显示“文本阴影”。在这种情况下，它可以在基于PHP的网站的某些页面上运行，而在其他页面上则无法运行：

不工作：

http://rastafarianreggae.com/rastaradio.php

<script>
  function audiostreamPhase() {
  document.getElementById("audiostream_text").style.textShadow = "1px 1px 
  1px rgba(0,0,0,0.7),1px 1px 1px rgba(0,0,0,0.3)";
  }
</script>

#audiostream_text {
position:relative;
display: block !important;
float:right;
width:670px;
height:150px;
left:-40px;
z-index:0;
text-shadow: 1px 1px 1px rgba(255,240,0,0.7), 2px 2px 2px (255,0,0,0.3) 
!important; 
}

工作：

http://www.rastafarianreggae.com/

您知道为什么某些页面无法使用此功能的原因。显然，这种样式很容易被覆盖。