Google क्रोम में मेरे टेक्स्ट छाया के साथ क्या हुआ?

Question

तो मैं कुछ सरल शैली है here previosly क्रोम एफएफ के रूप में यह एक ही तरह से गाया - इस

और सभी अचानक मैं क्रोम में अपने दस्तावेज़ पर देखने के लिए अधिक की तरह है और इस

देखना

सभी छायाओं पर पारदर्शी नहीं है = (थॉम के साथ क्या करें - कैसे ठीक करें?

मेरे CSS code:

body{padding: 5px;background-color: #FFF;font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif} 
h1,h2,p{margin: 0 10px} 
h1,h2{font-size: 250%;color: #FFF; text-shadow: 0px 1px 1px #000;} 
h2{font-size: 120%;} 
div#nifty{ margin: 0 1%;background: #9BD1FA} 
b.rtop, b.rbottom{display:block;background: #FFF} 
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} 
b.r1{margin: 0 5px} 
b.r2{margin: 0 3px} 
b.r3{margin: 0 2px} 
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} 
p{color: #000;text-shadow: 0px 1px 1px #fff;padding-bottom:0.3em} 
input[type="button"], .eButton {width: 150px;padding: 5px 10px;word-wrap: break-word;height: auto;}} 
::-moz-selection { background-color: #fbfdfe; color: #ff6c24; text-shadow: 0px 1px 1px #258ffd;} 
::selection { background-color: #fbfdfe; color: #fff; text-shadow: 0px 1px 1px #258ffd;} 

Answer 1

आप अर्द्ध पारदर्शी छाया के लिए देख रहे हैं, तो आप हेक्स मान के बजाय RGBA मानों का उपयोग कर की कोशिश कर सकते। तो यह होगी:

h1 { text-shadow: 1px 1px 1px rgba(0,0,0,.20); } 

जहां पहले तीन नंबर आरबीजी मान रहे हैं (लाल, हरा, नीला) और चौथे नंबर अस्पष्टता (0 से 1 तक) है। तो उपरोक्त उदाहरण 20% अस्पष्टता पर काला है।

इसके अलावा, अजीब छाया वजन text-shadow पर धुंध मूल्य से आ रहा है। जब मैं इसे 1px 1px 0 में बदलता हूं तो यह 0px 1px 1px से भी अधिक छाया देता है। कोई विचार क्यों नहीं।