Điều gì đã xảy ra với bóng văn bản của tôi trong Google Chrome?

Question

Vì vậy, tôi có một số phong cách đơn giản here previosly Chrome render nó cùng một cách như FF - như thế này

và hơn tất cả bất ngờ tôi nhìn vào tài liệu của tôi trong chrome và thấy điều này

không trong suốt ở tất cả các bóng = (Làm gì với tham - cách sửa lỗi?

My 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

Nếu bạn đang tìm kiếm bóng bán trong suốt, bạn có thể thử sử dụng giá trị RGBA thay vì giá trị hex. Vì vậy, nó sẽ là:

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

trong đó ba số đầu là giá trị RBG (Đỏ, Xanh lục, Xanh lam) và số thứ tư là độ mờ (từ 0 đến 1). Vì vậy, ví dụ trên là màu đen ở độ mờ 20%.

Ngoài ra, trọng lượng bóng lạ có vẻ đến từ giá trị mờ trên text-shadow. Khi tôi đổi nó thành 1px 1px 0, nó sẽ tạo ra một bóng thậm chí nhiều hơn 0px 1px 1px. Không biết tại sao.