HTTPS-friendly jQuery CSS theme from Google CDN

Question

Just trying to get an https friendly version of google's hosted jquery css themes, i.e

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css

loading https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css works, except then there are problems that some of the icons themselves are not served from https. namely:

The page at https://mysite.com ran insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_flat_75_ffffff_40x100.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png.

I want it hosted from google.

Answer 1

You cannot do anything about it. Because jquery-ui.css from https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css internally uses images with http://... only.

Try protocol-relative URL (by section 4.2 of RFC 3986):

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"  
type="text/javascript"></script>