Closed YodaSpow closed 5 years ago
Updated code now includes firefox conditional as that seems to have an issue with the -webKit text clip being transparent (firefox is purely for checking, its not even market-email-share for and client)
Basically javascript check on the browser to a fake image off:
.altText img { min-height: 44px; min-width: 44px; box-shadow: inset 0 0 1px #b7b6b6, inset 0 0 15px rgba(255, 0, 255, 0.3); position: relative; }
.altText img:before { position: absolute; top: 0; left: 0; content: " "; background: url(https://currys-ssl.cdn.dixons.com/css/themes/email/Assets/emailTool/imgBG3.png); width: 100%; height: 100%; }
@-moz-document url-prefix() {
.altText img { -webkit-text-fill-color: inherit; }
}
Gradient Text not visible on image OFF for Alt text
If gradient text class gets used on Alt text Email HTML:
Email CSS:
Current EmailTools CSS: (core.css) Image off toggle in Emailtools:
The glitch:
The Fix - To be tested Have a fix that seems to be working
Chrome:![Capture2](https://user-images.githubusercontent.com/26332959/62707212-e8c0a000-b9e8-11e9-8483-c994c55e53b5.JPG)