直接浏览图像时将CSS应用于图像

Question

这可能是一个延伸，但是可以在网址栏中添加css到图像吗？例如，如果我直接转到http://yoursite.com/someimage.png，我可以将css应用到它而不将其嵌入到html页面中吗？

Answer 1

不。当HTTP响应仅返回二进制图像数据而不是HTML页面时，您无法控制它的显示方式。

Answer 2

正如coreyward已经说过的那样，只有浏览器中的图像才能做到这一点。

要添加一些额外的价值，您可以做的是在服务器上进行一些url重写魔术。您可以重写所有图像请求，以转到处理请求的特定页面。

通过这种方式，你将能够做你想做的任何操作。

Answer 3

不，那不行。 CSS用于设置HTML的样式，如果图像是img - 标记，而不是图片本身。

Answer 4

您可以在mod_rewrite中使用.htaccess，将图像的直接访问重新路由到仅包含图像并对其进行样式化的页面。但是你将嵌入到网页中，这不是你要求的。此外，您必须小心确保当您的网站包含图像时，不使用重写。

它会像：

RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yoursite\.com/ [NC]
RewriteRule /(.*\.png)$ myimagehandler.php?img=$1  [QSA,L]

myimagehandler.php包含基于查询字符串的图像，并根据需要设置样式。