Jquery-没有样式表时如何隐藏图像？_Jquery_Html_Css

Jquery-没有样式表时如何隐藏图像？

jquery html css

Jquery-没有样式表时如何隐藏图像？,jquery,html,css,Jquery,Html,Css,我使用的是CSS技术，图像是缩放的，但是有一个问题如果用户关闭样式表，将显示用作背景的图像，有时图像非常巨大因此，当没有样式表时，我需要隐藏background div 我曾考虑过通过JQuery动态添加图像，虽然这是可行的，但它没有考虑是否没有样式表没有样式表时，如何关闭图像或背景div 谢谢 CSS background { width: 100%; height: auto; position: absolute; left: 0px; top: 0px; z-ind

我使用的是CSS技术，图像是缩放的，但是有一个问题

如果用户关闭样式表，将显示用作背景的图像，有时图像非常巨大

因此，当没有样式表时，我需要隐藏background div

我曾考虑过通过JQuery动态添加图像，虽然这是可行的，但它没有考虑是否没有样式表

没有样式表时，如何关闭图像或背景div

谢谢

CSS

background {
 width: 100%;
 height: auto;
 position: absolute;
 left: 0px; 
 top: 0px; 
 z-index: -1;
}

.stretch {
 width:100%;
 height:100%;
}

HTML

<div id="background">
<img src="background_1200x800.jpg" class="stretch" alt="" />
</div>

你能把背景放在css文件中吗

#id{background:url（background_1200x800.jpg）no repeat center}

你能把背景放在css文件中吗

#id{background:url（background_1200x800.jpg）no repeat center}

检查集合以检测是否加载了样式表

编辑：我知道这是为了掩盖另一个黑客行为，但是在图像中添加

display:none

inline样式并添加

display:block怎么样！对于样式表中的stretch类很重要。
检查集合以检测是否加载了样式表
编辑：我知道这是为了掩盖另一个黑客行为，但是在图像中添加display:none
inline样式并添加display:block怎么样！对于样式表中的stretch类很重要。
类似的内容如何（在加载时执行此操作）：
像这样的东西怎么样（在加载时执行此操作）：
我之前的回答没有达到预期的效果，因为我误解了这个问题。然而，以下几点对我来说很有用：
<html>
   <head>
      <title>Background to fit screen</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      <style type="text/css">
         html {height:100%;}
         body {height:100%; margin:0; padding:0;}
         #bg {position:fixed; top:0; left:0; width:100%; height:100%;}
         #fg {position:relative; z-index:1;}a
      </style>
   </head>
   <body>
      <div id="bg">
        <img class="stretch" src="background_1200x800.jpg" width="0" height="0">
      </div>
      <div id="fg">
        <p>content goes in the `fg` div.</p>
      </div>
      <style type="text/css">
         #bg img {width:100%; height:100%;}
      </style>
   </body>
</html>


背景适合屏幕
html{高度：100%；}
正文{高度：100%；边距：0；填充：0；}
#bg{位置：固定；顶部：0；左侧：0；宽度：100%；高度：100%；}
#fg{位置：相对；z-索引：1；}a
内容放在'fg'部分
#bg img{宽度：100%；高度：100%；}

我在FF3.5（在Vista上）中对此进行了测试。当我使用WebDeveloper扩展关闭所有样式时，达到了预期的效果（没有背景图像）。使用样式，整个视图端口由背景图像覆盖，内容位于图像顶部
我还快速浏览了IE7（在Vista上）和Chrome（在Vista上），它们都显示了覆盖整个视口的图像，内容放在顶部。除了FF3.5之外，我没有测试关闭浏览器中的样式
我不知道正文中的第二个风格元素是否有效，或者它是否被认为是一个好主意还是一个令人憎恶的东西
我之前的回答没有达到预期的效果，因为我误解了这个问题。然而，以下几点对我来说很有用：
<html>
   <head>
      <title>Background to fit screen</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      <style type="text/css">
         html {height:100%;}
         body {height:100%; margin:0; padding:0;}
         #bg {position:fixed; top:0; left:0; width:100%; height:100%;}
         #fg {position:relative; z-index:1;}a
      </style>
   </head>
   <body>
      <div id="bg">
        <img class="stretch" src="background_1200x800.jpg" width="0" height="0">
      </div>
      <div id="fg">
        <p>content goes in the `fg` div.</p>
      </div>
      <style type="text/css">
         #bg img {width:100%; height:100%;}
      </style>
   </body>
</html>


背景适合屏幕
html{高度：100%；}
正文{高度：100%；边距：0；填充：0；}
#bg{位置：固定；顶部：0；左侧：0；宽度：100%；高度：100%；}
#fg{位置：相对；z-索引：1；}a
内容放在'fg'部分
#bg img{宽度：100%；高度：100%；}

我在FF3.5（在Vista上）中对此进行了测试。当我使用WebDeveloper扩展关闭所有样式时，达到了预期的效果（没有背景图像）。使用样式，整个视图端口由背景图像覆盖，内容位于图像顶部
我还快速浏览了IE7（在Vista上）和Chrome（在Vista上），它们都显示了覆盖整个视口的图像，内容放在顶部。除了FF3.5之外，我没有测试关闭浏览器中的样式
我不知道身体中的第二种风格元素是否有效，或者它是否被认为是一个好主意还是一个令人憎恶的东西
只是一个想法，没有经过测试
HTML:
想法：
默认情况下，将HTML图像属性设置为零。使用CSS覆盖维度。。。禁用CSS使图像返回到其自己的内联值。
只是一个想法，未经测试
HTML:
想法：
默认情况下，将HTML图像属性设置为零。使用CSS覆盖维度。。。禁用CSS会使图像返回到其自己的内联值。
我决定将其保留在图像中，因为我不认为它完全是100%跨浏览器分辨率
主题已结束。
我决定将其保留在图像中，因为我不认为它完全是100%跨浏览器分辨率
主题已结束。
我认为这是最合理的解决方案。我尝试了：if（document.styleSheets.length==0）{$（“#background”）.hide（）}以及提醒消息--它不会在更改时发出警报。我认为这可能是因为它是一个浏览器的东西，而严格来说不是一个web/javascript的东西。我试着把显示器：块！重要内联，然后显示：块！对于div和实际图像都很重要，CSS有一个display:block，虽然这看起来很有希望，但在样式关闭时它不会隐藏图像。我正在使用Firefox来测试这一点。我想如果我只是使用PHP来围绕这个问题进行编码可能会更好。我认为这是最合理的解决方案。我尝试了：if（document.styleSheets.length==0）{$（“#background”）.hide（）}以及提醒消息——它不会提醒更改。我认为这可能是因为它是一个浏览器的东西，而严格来说不是一个web/javascript的东西。我试着把显示器：块！重要内联，然后显示：块！对于div和实际图像都很重要，CSS有一个display:block，虽然这看起来很有希望，但在样式关闭时它不会隐藏图像。我正在使用Firefox来测试这一点。我想如果我只是使用PHP来围绕这一问题进行编码，可能会更好。我肯定错过了一些东西（在新加坡已经晚了）。。。他仍然可以应用stre
<div id="background">
<img src="background_1200x800.jpg" height="0" width="0" alt="" />
</div>

div#background img {width: 100%; height: 100%}