为什么可以在HTML和CSS中访问跨域图片，但不能在JS HTTP请求中访问？

在HTML和CSS中访问跨域图片是因为HTML和CSS是用于展示和渲染页面的标记语言和样式表，它们并不涉及网络请求和数据传输。当在HTML中使用<img>标签或在CSS中使用background-image属性引用跨域图片时，浏览器会自动发起GET请求去获取图片资源，但这并不违反同源策略。

然而，在JS中发起HTTP请求是涉及到网络通信的操作，而浏览器为了保护用户的安全，实施了同源策略。同源策略要求JS发起的HTTP请求必须与当前页面具有相同的协议、域名和端口，否则请求会被浏览器拦截。这是为了防止恶意网站通过JS请求用户的敏感数据或进行跨站脚本攻击。

虽然在JS中不能直接访问跨域资源，但可以通过一些技术手段来实现跨域请求，如JSONP、CORS、代理等。其中，JSONP利用<script>标签的跨域特性来获取数据，CORS是一种服务器端的解决方案，通过在服务器端设置响应头来允许跨域请求。代理则是将JS请求发送到同源的服务器，由服务器代为请求跨域资源并返回给JS。

总结起来，HTML和CSS中访问跨域图片是因为它们不涉及网络请求，而JS中不能直接访问跨域资源是因为浏览器实施了同源策略，为了保护用户的安全。如果需要在JS中访问跨域资源，可以使用JSONP、CORS、代理等技术手段来实现。