精华内容
下载资源
问答
  • 用这种方法只实现了浏览器缩放背景宽度上保持不变,但是高度变了background-image: url(../images/bg_1.jpg); background-size: 100%; background-repeat: no-repeat;以下是设置div高度的代码var changeBg = (f

    图片是作为div背景存在的,div的width是100%,height是根据屏幕高度计算的。用这种方法只实现了浏览器缩放背景宽度上保持不变,但是高度变了

    background-image: url(../images/bg_1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;

    以下是设置div高度的代码

    var changeBg = (function(){
            var count = 0,
                height = (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) - $(".header").outerHeight() - $(".footer").outerHeight() + 'px',
                $bg = $(".home-bg");
    
            $bg.css({
                height: height
            });
    
            if(_searchConfig["catagory"]["indexBackgroundImage"] && _searchConfig["catagory"]["indexBackgroundImage"].length > 0){
                setInterval(function(){
                    $bg.css({
                        background: '#425061 url("' + _searchConfig["catagory"]["indexBackgroundImage"][count].properties.imageUrl + '") repeat center',
                        height: height
                    });
    
                    count++;
    
                    if(count >= _searchConfig["catagory"]["indexBackgroundImage"].length){
                        count = 0;
                    }
                }, 5000);
            }
        })();

    先写这么多,有空再来改

    展开全文
  • html缩放背景不缩放_缩放并不可怕。

    千次阅读 2020-07-29 16:57:36
    html缩放背景不缩放There have been lots of alarming headlines in the news in the last few weeks about Zoom. They warn us that Zoom “has a dark side” and an “FBI warning”, there are “privacy ...

    html缩放背景不缩放

    There have been lots of alarming headlines in the news in the last few weeks about Zoom. They warn us that Zoom “has a dark side” and an “FBI warning”, there are “privacy concerns”, and people are “hijacking streams” and “Zoom-bombing” meetings.

    Ť这里已经很多约变焦过去几周令人震惊的新闻标题。 他们警告我们,Zoom“ 有阴暗面”和“ FBI警告 ”,存在“隐私问题”,人们正在“劫持人流”和“ Zoom炸弹”会议。

    Yikes! So people will spy on my meetings, steal my data, and maybe control my computer’s camera and microphone? It sounds like it—until you learn more.

    kes! 因此人们会监视我的会议,窃取我的数据,甚至可能控制我的计算机的摄像头和麦克风吗? 听起来很像,直到您了解更多。

    If you glance at the headlines, or skim the articles, you may be understandably concerned about whether it’s safe to use Zoom. The truth is a bit more complex — and it takes more reading to fully understand each criticism.

    如果您浏览标题或浏览文章,您可能会担心使用Zoom是否安全。 真相要复杂一些,需要更多的阅读才能充分理解每种批评。

    我将回顾媒体报道的主要批评,以便您可以就使用Zoom做出明智的决定。 (I’ll review the major criticisms covered by the media so you can make an informed decision about using Zoom.)

    安全 (Security)

    “Hijacking streams” sounds pretty scary. “Zoombombing” is another term for this. Both of them refer to uninvited guests wreaking havoc in your meeting with disruptive, juvenile behavior: harassing attendees, displaying porn images to the group, drawing penises on the whiteboard — you get the idea. Zoombombing can obviously be shocking, embarrassing, and frustrating. But calling it a “security” problem is not accurate.

    “劫持流”听起来很吓人。 “ Zoombombing”是对此的另一个术语。 他们俩都提到了不请自来的客人,在您的会议中以破坏性的,少年的行为造成了严重破坏:骚扰与会者,向团体展示色情图片,在白板上绘制阴茎-您明白了。 Zoombombing显然令人震惊,尴尬和沮丧。 但是,称其为“安全性”问题并不准确。

    There’s only one reason those delinquents were able to Zoombomb your meeting: you left the door wide open. You didn’t set up any controls to restrict access.

    这些违法者能够放大会议的唯一原因是:您敞开了大门。 您没有设置任何限制访问权限的控件。

    Now, you could perhaps criticize Zoom for designing their application in a way that makes it too easy to configure meetings that “leave the door open”. But preventing Zoombombing is totally under your control.

    现在,您可能会批评Zoom设计其应用程序的方式使配置会议变得“容易”。 但是,防止Zoombombing完全由您控制。

    The NPR headline warning that “Zoom Has A Dark Side — And An FBI Warning” sounds pretty ominous. So what does the FBI warning say? It says that they have received reports of uninvited Zoom meeting guests harassing attendees, and they suggest that you configure meetings to prevent open access: use the waiting room feature, and require a password.

    NPR的标题警告“变焦具有阴暗面-和FBI警告”听起来很不祥。 那么联邦调查局的警告怎么说? 它说他们收到了不请自来的Zoom会议客人骚扰与会者的报告,并且他们建议您配置会议以防止公开访问: 使用等候室功能,并要求输入密码

    Zoom also changed default settings so that users don’t unintentionally create open meetings. They notified users that starting April 4, 2020, they’ve “chosen to enable passwords on your meetings and turn on Waiting Rooms by default as additional security enhancements to protect your privacy”. So this change will help prevent users from inadvertently creating open meetings.

    缩放还更改了默认设置,以便用户不会无意间创建公开会议。 他们通知用户 ,自2020年4月4日起,他们“选择在您的会议上启用密码并默认情况下打开“候诊室”,以增强保护您隐私的安全性。” 因此,此更改将有助于防止用户无意中创建公开会议。

    Mac漏洞 (Mac vulnerability)

    Another story creating juicy headlines recently is that Zoom has a flaw in its Macintosh application that allows a user to “hijack a Zoom user’s Mac computer and access the webcam and microphone”, which was discovered by a researcher.

    最近另一个引起多汁新闻报道的故事是Zoom在Macintosh应用程序中存在一个缺陷,该缺陷使用户可以“劫持Zoom用户的Mac计算机并访问网络摄像头和麦克风” ,这是由研究人员发现的。

    Wow, so anyone can just spy on you if you have a Mac running Zoom??

    哇,如果您有一台运行Zoom的Mac,那么任何人都可以监视您?

    No, not exactly. Most articles fail to mention that to take advantage of this flaw, the attacker needs access to your physical computer—but the reader is left with the assumption that a remote attacker can hijack your camera and microphone. However, this is a local attack, so they need to be sitting at your computer to do this.

    不,不完全是。 大多数文章都没有提到利用此漏洞,攻击者需要访问您的物理计算机,但读者的假设是远程攻击者可以劫持您的相机和麦克风。 但是,这是本地攻击,因此他们需要坐在您的计算机上才能执行此操作。

    The researcher discovered another flaw, which allowed a local attacker to run any code by messing around with the Zoom install process.

    研究人员发现了另一个缺陷,该缺陷使本地攻击者可以通过弄乱Zoom安装过程来运行任何代码。

    Now these are certainly significant flaws, and the application should not have been built the way it was. Kudos to the researcher who found this. At the same time, this is not likely to be a vulnerability that is of significant concern for most users who have password-protected their computers.

    现在,这些肯定是重大的缺陷,并且该应用程序不应以原来的方式构建。 发现这一点的研究人员表示敬意。 同时,对于大多数使用密码保护其计算机的用户来说,此漏洞不太可能引起重大关注。

    In addition, this was corrected in version 4.6.9 which was released on April 2, 2020.

    此外, 此问题已在 2020年4月2日发布的4.6.9版本中得到纠正

    端到端加密 (End-to-End Encryption)

    Zoom has received criticism for claiming that they have “End-to-End Encryption”, but then later admitting that they don’t have it in the industry-accepted sense of the term.

    Zoom因声称他们具有“端到端加密”而受到批评,但后来又承认他们没有业界公认的术语。

    True end-to-end encryption means that the video and audio data is encrypted on the entire route from your computer to the other participants’ computers, and only the participants’ computers have the secret key that is used to encrypt and decrypt the data.

    真正的端到端加密意味着在从您的计算机到其他参与者的计算机的整个路径上对视频和音频数据进行加密,并且只有参与者的计算机具有用于加密和解密数据的密钥。

    In Zoom’s implementation, they maintain the keys on their servers. This means that theoretically, Zoom could decrypt your traffic and access your video and audio data. In response to the concerns, they have said that they will offer a feature that allows the user to host the keys in their own environment.

    在Zoom的实现中,他们将密钥保存在服务器上。 这意味着从理论上讲 ,Zoom可以解密您的流量并访问您的视频和音频数据。 针对这些担忧,他们表示将提供一种功能,允许用户在自己的环境中托管密钥。

    Perhaps most importantly, Zoom reassured the public in their blog that traffic is encrypted for the entire transit, with certain conditions (emphasis added):

    也许最重要的是,Zoom在其博客中向公众保证, 在一定条件下 (针对整个情况 ),流量在整个运输过程中都是加密的(强调):

    To be clear, in a meeting where all of the participants are using Zoom clients, and the meeting is not being recorded, we encrypt all video, audio, screen sharing, and chat content at the sending client, and do not decrypt it at any point before it reaches the receiving clients.

    需要明确的是,在所有与会者都使用Zoom客户端 且未记录会议的会议中,我们在发送客户端处对所有视频,音频,屏幕共享和聊天内容进行加密,并且不对其进行任何解密点到达接收客户之前。

    隐私 (Privacy)

    Another frequent headline is that Zoom “shares data with third parties like Facebook without adequately notifying users”. Scary! But wait, what data are they sharing?

    另一个经常出现的标题是Zoom“在没有充分通知用户的情况下与Facebook等第三方共享数据”。 害怕! 但是,等等,他们共享什么数据?

    It turns out that when you logged in through the Zoom app on iOS, the app was sending Facebook your time zone, city, what type of phone you have, which cell carrier you have, and what time you opened the app. Not very sensitive data, for most people.

    事实证明,当您通过iOS上的Zoom应用程序登录时,该应用程序向Facebook发送了您的时区城市您拥有的电话类型,您拥有的手机 运营商 以及何时打开该应用程序 。 对于大多数人来说,数据不是很敏感。

    Yes, when you look at this from a general data privacy perspective, to be 100% certain about privacy, the app shouldn’t send that data. However, I would argue that many other apps, and browsers, leak similar data.

    是的,当您从一般数据隐私角度看待此问题时,为了100%确定隐私,该应用程序不应发送该数据。 但是,我认为许多其他应用程序和浏览器会泄漏相似的数据。

    In any case, this is another situation of headlines making things sound worse than they are. This was fixed on March 27, 2020.

    无论如何,这是头条新闻的另一种情况,使事情听起来比实际情况更糟。 该问题已于2020年3月27日修复

    现实情况是,当您调查细节时,Zoom并不像标题所暗示的那么可怕。 (The reality is that when you investigate the details, Zoom is not nearly as scary as the headlines may suggest.)

    If you take a couple simple precautions, you will be fine. No technology solution is perfect, and all technologies are susceptible to some degree of vulnerability, but the situation is not as dire as you might gather from the press.

    如果您采取一些简单的预防措施,就可以了。 没有哪一种技术解决方案是完美的,所有技术都容易受到一定程度的漏洞影响,但情况并不像从媒体上看到的那样可怕。

    确保会议安全 (Securing your meetings)

    Here’s how you can keep your Zoom meetings secure:

    以下是如何确保Zoom会议安全的方法:

    始终使用等候室。 (Always use a waiting room.)

    Zoom has now made this the default selection in your advanced settings.

    现在,缩放功能已将其作为高级设置的默认选择。

    You will see this option when creating a meeting, under the “Advanced” section: verify that “Enable waiting room” is checked. The waiting room allows you to manually admit each attendee, so you can verify that they are authorized to attend.

    创建会议时,您将在“高级”部分下看到此选项:确认已选中“启用候诊室”。 等候室允许您手动接纳每个与会者,因此您可以验证他们是否有权参加。

    Screenshot showing the Advanced Options section of a Zoom meeting.
    Verify that “Enable Waiting Room” is checked under ‘Advanced Options’
    验证是否在“高级选项”下选中了“启用候诊室”

    Don’t worry if you inadvertently admit someone to the meeting who shouldn’t be there—you can always kick them out. Just click “Participants”, and next to the person’s name click “More”, then “Remove”.

    如果您无意中邀请了不该参加的人参加会议,请不要担心,您可以随时将他们赶出去。 只需单击“参与者”,然后在此人的名字旁边单击“更多”,然后单击“删除”。

    Screenshot showing the Remove function in Zoom meeting.
    Eject someone from your meeting.
    从会议中退出某人。

    如果会议很小,请锁定。 (Lock your meetings if they are small.)

    If your meeting is rather small, and you know that everyone is in attendance, you can then lock the meeting. This will prevent others from attending the meeting. Starting with version 4.6.10, click the “Security” button in the toolbar, and select “Lock Meeting”:

    如果您的会议规模很小,并且您知道每个人都出席了会议 ,则可以锁定会议 。 这将阻止其他人参加会议。 从4.6.10版本开始,单击工具栏中的“安全性”按钮,然后选择“锁定会议”:

    Image for post
    Lock the meeting when everyone is present.
    每个人都在场时锁定会议。

    对于较大的会议,请使用生成的会议ID和密码。 (Use a generated Meeting ID and password for larger meetings.)

    If your meeting will have more than a few participants, use a generated Meeting ID, use a password, and use the waiting room. This reduces the likelihood of unintended visitors. However, someone can still forward the link and password to someone else, so you still need to admit each person from the waiting room.

    如果您的会议将有几个以上的参与者,请使用生成的会议ID, 使用密码并使用等候室。 这减少了意外访客的可能性。 但是,仍然有人可以将链接和密码转发给其他人,因此您仍然需要允许每个人进入等候室。

    Screenshot showing generated meeting ID option.
    For larger meetings, use a generated meeting ID, password and waiting room.
    对于大型会议,请使用生成的会议ID,密码和等候室。

    个人会议ID (Personal Meeting ID)

    The Personal Meeting ID is a 10-digit ID that you choose and will always have reserved just for your meetings. This means you can always give out the same link to your meeting. I chose my phone number, so I always know what the meeting ID is.

    个人会议ID是您选择的10位ID,并且始终仅保留用于会议。 这意味着您可以始终为会议提供相同的链接。 我选择了电话号码,所以我始终知道会议ID是什么。

    This makes it easy to set up a meeting — all I have to do is send the same link to people. I don’t need to go to “Create meeting” each time. Even better, if someone has Zoom installed, I can just say, “Join the meeting at 2:00. The Meeting ID is the same as my phone number.”

    这使召开会议变得很容易-我要做的就是将相同的链接发送给其他人。 我不需要每次都去“创建会议”。 更好的是,如果有人安装了Zoom,我可以说:“在2:00加入会议。 会议ID与我的电话号码相同。”

    This adds a lot of convenience and efficiency for you, and reduces the barriers for attendees.

    这为您增加了许多便利和效率,并减少了与会者的障碍。

    You may wonder, “won’t people be able to Zoombomb me if I always use the same link?” No, this isn’t a problem if you do the following:

    您可能会想,“如果我始终使用相同的链接,人们是否无法放大我?” 不, 如果您执行以下操作,这不是问题:

    Ensure that “Waiting Room” is turned on in your advanced settings. (Zoom has set the default to “on”, but verify this just to be safe.)• Turn off “Join before host” in your advanced settings. (In my testing I found that this is probably not necessary if you are using waiting rooms, but it’s not a bad idea to turn it off.)• Lock the meeting once it’s in progress. Remember that this is not crucial — you have already configured the Waiting Room, so no one can get in without you admitting them. Locking the meeting just prevents the distraction of a notification that someone has entered the waiting room.

    确保高级设置中 打开“等候室” 。 (Zoom将默认值设置为“ on”,但为了安全起见对此进行了验证。)•在高级设置中关闭“主持人先加入” 。 (在我的测试中,我发现如果您使用候诊室,则可能没有必要,但关闭它并不是一个坏主意。)• 在会议进行过程中锁定会议 。 请记住,这并不重要-您已经配置了候诊室,因此如果没有您的允许,任何人都无法进入。 锁定会议只是防止分散有人进入等候室的通知。

    摘要 (Summary)

    Getting beyond the hype in the media and understanding the details will help you decide whether Zoom is right for you. And if you decide to use Zoom, you now are aware of the few settings that will keep your meetings secure and private.

    超越媒体的炒作和了解细节将帮助您确定Zoom是否适合您。 而且,如果您决定使用Zoom,现在您将了解一些可以确保会议安全私密的设置。

    翻译自: https://medium.com/mediation-resource/zoom-isnt-that-scary-a4b3dfe9b546

    html缩放背景不缩放

    展开全文
  • style> .body{ background-image: url('${basepath}/resource/images/loginb1.jpeg'); background-size: 100%; background-repeat:no-repeat; } ...css代码添加背景图片常用代码 1 背景颜色 {
     
    <style> 
        .body{ 
                background-image: url('${basepath}/resource/images/loginb1.jpeg'); 
                background-size: 100%; 
                background-repeat:no-repeat;
             } 
    </style>
    
    css代码添加背景图片常用代码
      1 背景颜色 {background-color:数值}
      2 背景图片 {background-image: url(url)|none}
      3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
      4 背景固定 {background-attachment:fixed|scroll}
      5 背景定位 {background-position:数值|top|bottom|left|right|center}
      6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}
      1 背景颜色 {background-color:数值}
      2 背景图片 {background-image: url(url)|none}
      3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
      4 背景固定 {background-attachment:fixed|scroll}
      5 背景定位 {background-position:数值|top|bottom|left|right|center}
      6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}

     

     
    1.背景颜色:background-color
      语法:{background-color:数值}
      说明:参数取值和颜色属性一样
      注意:在html当中,要为某个对象加上背景色只有一种办法,那就是先做一个表格,在表格中设置完背景色,再把对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。现在用css就可以轻松地直接搞定了,而且对象的范围很广,可以是一段文字,也可以只是一个单词或一个字母。
      例子:给部分文字加背景颜色给部分文字加背景颜色
      表格背影颜色:style="background-color:red"
      2.背景图片:background-image
      语法:{background-image: url(url)|none}
      说明: url就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径,将什么也不显示。
      例子:给部分文字加背景图片 .imgbgstyle { background-image: url(logo.gif)}
      3.背景重复:background-repeat
      语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
      作用:背景图片重复控制的是背景图片平铺与否,也就是说,结合背景定位的控制可以在网页上的某处单独显示一幅背景图片
      说明:参数取值范围:
      ·inherit 继承
      ·no-repeat 不重复平铺背景图片
      ·repeat
      ·repeat-x 使图片只在水平方向上平铺
      ·repeat-y 使图片只在垂直方向上平铺
      注意:如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。
      4.背景固定:background-attachment
      语法:{background-attachment:fixed|scroll}
      说明:参数取值范围
      ·fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
      ·scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
      注意:背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力,所以可以解除背景图片和文字内容的捆绑,该为和浏览器窗口捆绑。
      例子:使背景图案不随文字“滚动”的css
      body { background: purple url(bg.jpg); background-repeat:repeat-y; background-attachment:fixed }
      5.背景定位:background-position
      语法:{background-position:数值|top|bottom|left|right|center}
      作用:背景定位用于控制背景图片在网页中显示的位置。
      说明:参数取值范围
      ·带长度单位的数字参数
      ·top:相对前景对象顶对齐
      ·bottom:相对前景对象底对齐
      ·left:相对前景对象左对齐
      ·right:相对前景对象右对齐
      ·center:相对前景对象中心对齐
      ·比例关系
      关键字解释如下:
      top left = left top = 0% 0%
      top = top center = center top = 50% 0%
      right top = top right = 100% 0%
      left = left center = center left = 0% 50%
      center = center center = 50% 50%
      right = right center = center right = 100% 50%
      bottom left = left bottom = 0% 100%
      bottom = bottom center = center bottom = 50% 100%
      bottom right = right bottom = 100% 100%
      注意:参数中的center如果用于另外一个参数的前面,表示水平居中;如果用于另外一个参数的后面,表示垂直居中。
      6. 背景样式:background
      语法:{background:背景颜色|背景图象|背景重复|背景附件|背景位置}
      作用:背景属性是一个更明确的背景—关系属性的略写。以下是一些背景的声明:
      例子:
      body { background: white url(http://www.help.com/foo.gif) }
      blockquote { background: #7fffd4 }
      p { background: url(../backgrounds/pawn.png) #f0f8ff fixed }
      table { background: #0c0 url(leaves.jpg) no-repeat bottom right }
      注意:当一个值未被指定时,将接受其初始值。例如,在上述的前三条规则,背景位置属性将被设置为0% 0%。为了避免与用户的样式表之间的冲突,背景和颜色应该一起被指定。


      语法:{background-color:数值}
      说明:参数取值和颜色属性一样
      注意:在html当中,要为某个对象加上背景色只有一种办法,那就是先做一个表格,在表格中设置完背景色,再把对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。现在用css就可以轻松地直接搞定了,而且对象的范围很广,可以是一段文字,也可以只是一个单词或一个字母。
      例子:给部分文字加背景颜色给部分文字加背景颜色
      表格背影颜色:style="background-color:red"
      2.背景图片:background-image
      语法:{background-image: url(url)|none}
      说明: url就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径,将什么也不显示。
      例子:给部分文字加背景图片 .imgbgstyle { background-image: url(logo.gif)}
      3.背景重复:background-repeat
      语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
      作用:背景图片重复控制的是背景图片平铺与否,也就是说,结合背景定位的控制可以在网页上的某处单独显示一幅背景图片
      说明:参数取值范围:
      ·inherit 继承
      ·no-repeat 不重复平铺背景图片
      ·repeat
      ·repeat-x 使图片只在水平方向上平铺
      ·repeat-y 使图片只在垂直方向上平铺
      注意:如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。
      4.背景固定:background-attachment
      语法:{background-attachment:fixed|scroll}
      说明:参数取值范围
      ·fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
      ·scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
      注意:背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力,所以可以解除背景图片和文字内容的捆绑,该为和浏览器窗口捆绑。
      例子:使背景图案不随文字“滚动”的css
      body { background: purple url(bg.jpg); background-repeat:repeat-y; background-attachment:fixed }
      5.背景定位:background-position
      语法:{background-position:数值|top|bottom|left|right|center}
      作用:背景定位用于控制背景图片在网页中显示的位置。
      说明:参数取值范围
      ·带长度单位的数字参数
      ·top:相对前景对象顶对齐
      ·bottom:相对前景对象底对齐
      ·left:相对前景对象左对齐
      ·right:相对前景对象右对齐
      ·center:相对前景对象中心对齐
      ·比例关系
      关键字解释如下:
      top left = left top = 0% 0%
      top = top center = center top = 50% 0%
      right top = top right = 100% 0%
      left = left center = center left = 0% 50%
      center = center center = 50% 50%
      right = right center = center right = 100% 50%
      bottom left = left bottom = 0% 100%
      bottom = bottom center = center bottom = 50% 100%
      bottom right = right bottom = 100% 100%
      注意:参数中的center如果用于另外一个参数的前面,表示水平居中;如果用于另外一个参数的后面,表示垂直居中。
      6. 背景样式:background
      语法:{background:背景颜色|背景图象|背景重复|背景附件|背景位置}
      作用:背景属性是一个更明确的背景—关系属性的略写。以下是一些背景的声明:
      例子:
      body { background: white url(http://www.help.com/foo.gif) }
      blockquote { background: #7fffd4 }
      p { background: url(../backgrounds/pawn.png) #f0f8ff fixed }
      table { background: #0c0 url(leaves.jpg) no-repeat bottom right }
      注意:当一个值未被指定时,将接受其初始值。例如,在上述的前三条规则,背景位置属性将被设置为0% 0%。为了避免与用户的样式表之间的冲突,背景和颜色应该一起被指定。

     

    展开全文
  • 大佬们,我现在是在一个Canvas里添加...请问要怎么才能做到缩放后控件相对于背景图片位置不变啊。。。想不到什么方法了。。图片如下、、[img=https://img-bbs.csdn.net/upload/201806/07/1528356790_712198.png][/img]
  • 搜索框组件(日期选择器,input ,搜索按钮)在100% 125% 150%这三个比例下,日期选择器的大小不变。(日期选择器用的element-ui的 el-data-picker,搜索框组件布局用的栅格) 思路来源 跳转链接 2. 组件样式 .input-...

    1. 阐述问题 :

    搜索框组件(日期选择器,input ,搜索按钮)在100% 125% 150%这三个比例下,日期选择器的大小不变。(日期选择器用的element-ui的 el-data-picker,搜索框组件布局用的栅格)

    思路来源

    跳转链接

    2. 组件样式

    .input-z-index {      //搜索框组件  最外面的div
        z-index: 9999;
        min-width: 780px;      //原本写的是 width:780px;
        margin-right: auto;   //没有好像也可以
        margin-left: auto;    //没有好像也可以
      }
    

    3. 页面引用组件样式 (原本问题:定位不准,定位用的px,改为em)

      .search-input {
        position: absolute;
        right: 1em;
      }
    
    //冗余代码   与本问题无关
    /* @media only screen and (min-height:600px) {
          .el-range-editor.el-input__inner{
            width: 200px;
          }
        }
        @media only screen and (min-height:740px) {
          .el-range-editor.el-input__inner{
            width: 362px;
          }
        }
        /* 1366 */
      /* @media only screen and (min-height:754px) {
       .el-range-editor.el-input__inner{
            width: 235px;
            margin-left: 115px;
          }
      } */
      /* 1400*/
      /* @media only screen and (min-height:900px) {
        .el-range-editor.el-input__inner{
            width: 235px;
          }
      } */
      /* 默认分辨率  1918*976 */
      /* @media only screen and (min-height:969px) {
        .el-range-editor.el-input__inner{
            width: 362px;
          }
      } */
      /* 1920  影响了正常分辨率*/
      /* @media only screen and (min-height:1080px) {
        .el-range-editor.el-input__inner{
            width: 362px;
          }
      } */ 
    
    展开全文
  • 想对你说的话伸缩布局(CSS3)文字阴影(CSS3)背景渐变背景缩放(CSS3)多背景(CSS3)优雅降级和渐进增强(取决于客户需求) 伸缩布局(CSS3) CSS3在布局方面做了非常大的改进,使得我们对块级元素的布局排列变得十分灵活,...
  • 一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放背景图的尺寸并不改变:  再比如花瓣网( huaban.com ):   现在用CSS来实现这一效果。 首先需要一张足够大尺寸的图片,上图百度...
  • no-repeat center center样式会保证图片不会被缩放,并且保持在中心 图片需要注意,大小2,000px × 530px 图片分五部分,第一和第五部分为预留区域屏幕小时会不显示,如果登陆框位于左侧,第二部
  • 1.图片及带背景图片的块宽高等比缩放布局 2.margin,padding百分比布局 图片及带有背景图片的块的图片宽高等比缩放 纯图片可以使用img标签,将其宽度设置成百分比,高度会自动按比例缩放。控制起来很方便。 带背景...
  • 一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放背景图的尺寸并不改变: 再比如花瓣网(http://www.huaban.com): 这样做的好处是,比如当你在1024*768px分辨率的屏幕上看到完整...
  • ![图片说明](https://img-ask.csdn.net/upload/201507/21/1437445556_7188.jpg) 如图,我想要中间的2的内容始终显示,1算是背景图,但相对于2来位置不变, 应该怎样做呢?
  • 我们针对一类Z2交错六顶点模型在低能效理论中研究了非紧致自由度的出现。 在顶点模型的有限尺寸谱中,这通过临界指数... 我们还研究了对有限尺寸标度的次导校正的渐近行为,并在共形场理论的背景下讨论了我们的发现。
  • 背景 通常情况下,图像是填充满 HWindowControl 控件,并随其缩放的。此时只需要将 set_part 的参数设置成图像的大小即可。 不过,有时候,在一些测量任务中,我们对原始图像的长宽比敏感,此时的图像显示最好是能...
  • 定位,透明,背景,css3效果,兼容   html 代码: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt...
  • 在编程时碰到了窗口大小改变时控件位置的调整问题。...一、MFC SDI中控件和背景自适应窗口最大化和拉伸缩放的实现 1.控件 示意图1和示意图2展示了窗口自由缩放,界面中的控件相对位置不变的效果。   示意图1  
  • 关键代码如下 (主要就是关键就是resize(srcImage, destImage, destSize, CV_INTER_LINEAR)这句,要用参数CV_INTER_LINEAR) #include "opencv2/objdetect.hpp" #include "opencv2/highgui.hpp" ...
  • &lt;body style="background-image: url(1.jpg);background-size:100%;"&gt;
  • 原文地址:MFC对话框控件和背景图片自适应窗口最大化和拉伸缩放的实现作者:406603288  转自http://hi.baidu.com/peter_niu_alex/blog/item/1ae6fd3e4ba549fc828b13b1.html   近日在code project网站...
  • 图像缩放算法

    万次阅读 2016-03-30 22:23:07
    摘要:首先给出一个基本的图像缩放算法,然后一步一步的优化其速度和缩放质量; 高质量的快速的图像缩放 全文 分为:  上篇 近邻取样插值和其速度优化  中篇 二次线性插值和三次卷积插值  下篇 三次线性插值...
  • 缩放矩阵

    千次阅读 2017-11-25 18:58:20
    教程8 缩放变换 原文: http://ogldev.atspace.co.uk/www/tutorial08/tutorial08.html ...背景 缩放变换非常简单,它的目的是增大或者缩小物体的尺寸。比如你想使用同一个模型来制作很多不同的物体(大小
  • 一、 想要css背景图固定大小不变,在对应属性加上一下代码就可以了: background-size: cover; background-repeat: no-repeat; background-attachment:fixed;
  • 具体要求:1:图片不随着浏览器滚动而滚动2:背景图尺寸不随浏览器缩放而变化,浏览器缩放的在小,图片还是原来的尺寸具体展示,一张图片做首页,图片上放一些内容,并给内容做动画,图片的要求如上代码实现如下:...
  • css3 transform:scale(x)字体的缩放:transform:scale(x),针对于整体的缩放缩放的整体包括宽,高,背景。这自然对于内联元素就无法使用此属性,最好使用无属性的span转换成块元素或者行内块元素进行设置,这样保证...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,281
精华内容 7,312
关键字:

缩放背景不变