小编Dan*_*ero的帖子

我有这个代码,每次用户加载index.html时,它会自动从数组中加载不同的图片.这是jquery代码:

$(window).load(function() {
    var randomImages = ['img1','img2','img3','img4','img5'];
    var rndNum = Math.floor(Math.random() * randomImages.length);

     var $win = $(this);
     var $img = $('#background').attr('src', '_img/bg/index_rnd/' + randomImages[rndNum] + '.jpg').css({'position':'fixed','top':0,'left':0});
        function resize() {
            if (($win.width() / $win.height()) < ($img.width() / $img.height())) {
              $img.css({'height':'100%','width':'auto'});
            } else {
              $img.css({'width':'100%','height':'auto'});
            }
        }
        $win.resize(function() { resize(); }).trigger('resize');
    });

我是新手,使图像适应不同的屏幕分辨率.所以我想如果有人用例如2560/1440px的imac打开我的网页,图像将会正确地使用这个代码进行调整,但我想它会完全被pix处理.所以我想,我必须创建一个更大的图像文件,以便那些计算机加载更大的文件以适应分辨率.我想避免其他具有正常屏幕的用户出于速度原因加载大文件.我可以添加什么来使这个代码更大的屏幕加载一个更大的文件,所以它没有像素化？!？!

PD如果你也知道哪个是不同屏幕尺寸组的最佳图像分辨率,那将非常有用!

谢谢!

我正因为这个问题而把头撞在墙上。我认为它与 CSS 基本布局有关，但我没有看到它......因此我请求其他专业人士的帮助，这样你就可以帮助我。检查以下链接：

http://rosasusaeta.com/cepods/how-we-work.php

如果您滚动到底部，您会发现整个内容没有显示，就好像它位于视口下方一样。要明白我的意思，请选择底部的文本，然后滚动就会起作用。

我尝试对内容应用 margin-bottom .content-block，但直到大约 200px 才产生任何效果，这没有任何意义。有人可以帮我吗？

使用SASS和Compass完成此渐变在任何版本的Internet Explorer中都不起作用:

@include background-image(linear-gradient(left, rgba(241,236,236,0.95), rgba(241,236,236,0.9), rgba(241,236,236,0.85), rgba(241,236,236,0.8), rgba(241,236,236,0.75), rgba(241,236,236,0.4)));

它转换为这个CSS:

  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(241, 236, 236, 0.95)), color-stop(20%, rgba(241, 236, 236, 0.9)), color-stop(40%, rgba(241, 236, 236, 0.85)), color-stop(60%, rgba(241, 236, 236, 0.8)), color-stop(80%, rgba(241, 236, 236, 0.75)), color-stop(100%, rgba(241, 236, 236, 0.4)));
  background-image: -webkit-linear-gradient(left, rgba(241, 236, 236, 0.95), rgba(241, 236, 236, 0.9), rgba(241, 236, 236, 0.85), rgba(241, 236, 236, 0.8), rgba(241, 236, 236, 0.75), rgba(241, 236, 236, 0.4));
  background-image: -moz-linear-gradient(left, rgba(241, 236, 236, 0.95), rgba(241, …

我正在为项目使用REM单位。我想为所有项目使用统一的单位类型。我正在与一组开发人员一起工作，试图找到在所有CSS规则中必须添加REM单元的原因，但有时我可能会发现它过多或完全无用。

我想知道以下几点是否有必要，是有好处还是有缺点：

input{
        border-radius: 0.5rem;
        display: block;
        margin: 0 0 2rem 0;
        min-width: 12rem;
        height: 4rem;
        padding: 0 2rem;
        width: 100%;
    }

在此示例中，您可以看到border-radius为5px，这是因为html已应用font-size: 62.5%，以更容易地应用REM单位。

我正在尝试新的文本笔划功能,我在网上搜索了一个跨浏览器的解决方案.现在我只能用webkit属性找到它.

-webkit-text-stroke: 2px #FF1E00;

如果有办法可以让所有浏览器以相同的方式显示,你能告诉我吗？

我已经使用CSS一段时间了,我发现在很多教程和练习中,CSS标签的最后一行没有";" 添加到它.例如:

ul li:hover ul { 
    display: block
}

ul li ul {
      list-style: none;
      position: absolute;
      display: none;
      width: 104px;
      height: 100px;
      background-image: url(../_img/nav/dropdownbg.1.png);
      background-repeat: no-repeat;
      background-position: center;
      background-position: top
}

如您所见,有两个例子.一个只有一行,另一行在一个标签中有不同的命令.我想知道为什么以及为什么要这样做？!! 在学校,他们没有告诉我们任何有关这方面的事情.我只用"和"关闭最后一行或唯一一行 它完美无缺.

那么,这是做到这一点的原因？它更安全吗？

我正在创建一个时事通讯，有一些颜色我希望有一些透明度。那么，是否可以使用 RGBA 作为背景颜色？

它是否与所有电子邮件阅读器兼容？

例子：

<table cellspacing="0" cellpadding="0"> 
    <tr> 
     <td> 
      <hr height="1px" width="320px" style="border:none;background-color: rgba(235, 173, 21, 0.3);"></hr> 
     </td> 
   </tr> 
</table>

我有一个语法问题,因为我想做一些非常简单的事情.使用将负值应用于变量.css.

在这里你有代码:

var figureImage = $('.js-image-centering');
var figureImageHeight = figureImage.height();
var figureImageWidth = figureImage.width();
var figureImageMarginLeft = (0-(figureImageWidth/2));
var figureImageMarginTop = (0-(figureImageHeight/2));

figureImage.css('margin-left', figureImageMarginLeft);
figureImage.css('margin-top', figureImageMarginTop);

我想忘记figureImageMarginLeft和figureImageMarginTop.那么,它有可能是这样的吗？

figureImage.css('margin-left', -figureImageMarginLeft);

你怎么写的正确？

我想知道是否可以在标题中插入一个图例.这样,图例也可以具有与整个文档相关的层次结构.

我在下面有更多文字是相关的,但需要为读者突出显示.在这种情况下,个人信息将legend和h2在同一时间.h1将是我选择不显示的网站中的另一个元素.

<fieldset>

   <h2>
     <legend>Personal information</legend>
   </h2>

   <h3>
     Credentials
   </h3>
   <label for="username">
      Username
   </label>
   <input id="username" type="text">
  <label for="surname">
      Surname
  </label>
  <input id="surname" type="text">

  <h3>
     Contact details
   </h3>
   <label for="street">
      Street
   </label>
   <input id="street" type="text">
  <label for="house-number">
      House number
  </label>
  <input id="house-number" type="number">

</fieldset>

我正在尝试创建一个将类添加到列表的循环。我希望将此类添加到除单击元素之外的所有元素上。我在互联网上找到了以下内容：

$('.elements').click(function(){
     $('.elements').not(this).each(function(){
         // do something
     });
})

有相当于香草的JavaScript吗？我找不到来自.not（）的转换。