Bdrdpznhwvolx
New Member
I'm working on an HTML page. This page allows the user to choose an image that will serve as the "background-image" attribute value for a DIV. The user may also choose a color that will kind of shade the image. In an attempt to build this, I found this site: http://doodles.tev.net/texture2/. Its doing exactly what I want. However, the code in my app doesn't seem to apply the background-color appropriately. If the background-image value is set, the background-color has no impact. Here is what I have:\[code\]<div id="myDiv" style="height:200px; width:200px; border:1px solid black; display:inline-block;"> </div>function updateMyDiv() { var bg = getBG(); $("#myDiv").css("background-color", bg); var fg = getFG(); $("#myDiv").css("color", fg); var txt = getTxt(); if ((txt != null) && (txt.path != null) && (txt.path.length > 0)) { $("#myDiv").css("background-image", 'url(' + txt.path + ')'); } else { $("#myDiv").css("background-image", ''); }}\[/code\]Why does the site that linked to apply a tint to "60 Degree Gray" when I choose a color. However, in my app, a tint never gets applied.Thank you