草庐IT

background-position

全部标签

html - "position: fixed"破坏了 CSS 网页中的下拉菜单

我正在创建一个网页,当我将鼠标悬停在.Soccer部分时,它将下拉并显示Link1、Link2、Link3。没有position:fixed;,代码工作得很好。因为我想要网页顶部的标题,所以我放置了position:fixed;但是我一打开它,“足球”的下拉按钮就不起作用了。html{background-image:url("Images/BackgroundImageI.jpg");background-repeat:no-repeat;}body{background-color:White;color:Black;margin-left:0%;margin-right:0%;m

javascript - background.html 与 background.js - chrome 扩展

我真的很困惑。我想了解chrome扩展的文件架构。我正在阅读此文档:https://developer.chrome.com/extensions/overview#arch我的情况:我想设置oauth流程,以便用户可以在扩展中登录(另一个端点是我的django后端)。到目前为止,我有这些文件:background.jscontent.jspopup.htmlmanifest.json我的content.js将消息发送到background.js并获得响应。到目前为止一切顺利!但是现在在阅读oauth文档时,我很困惑不知道background.html是什么。它实际上是应该包含我的ba

html - 带边框半径的线/边框,溢出 :hidden and colored background

请看这个JSFiddle:https://jsfiddle.net/fmhhg00d/3/•div{width:500px;height:500px;background:blue;overflow:hidden;border-radius:50%;/*-->Removethisandit'salright*/}span{line-height:0.20;font-size:2500px;color:white;}Seetheproblemhere简而言之,当我在父级上使用overflow:hidden和border-radius时,Chrome/Edge/Firefox都留下一个小的

html - 你如何获得位置 :absolute; element above a position:relative; one

您可以在thisfiddle中查看问题.我有一个z-index为2的绝对定位元素和一个z-index为1的相对定位元素。相对定位元素包含绝对定位元素。我认为z-index:2元素会显示在z-index:1元素之上,但事实并非如此。有没有办法解决这个问题,使z-index:2元素高于所有z-index:1元素?div{background:green;position:relative;width:100%;z-index:1;}span{top:0;right:0;z-index:2;position:absolute;border:solid1pxred;height:70px;ba

javascript - 用户界面网格 : how to show and position a popup menu div onclick of a row element inside the grid?

我有以下UI网格和菜单的配置,但我正在为显示的每个元素打开菜单(我知道问题是相同的菜单正在为所有项目打开,因为在哪个项目的方面没有区别要打开的菜单;但我无法引用它)$scope.gridOptions={enableSelectAll:true,exporterCsvFilename:'AGS_Extract.csv',exporterMenuPdf:false,enableFiltering:true,showGridFooter:true,paginationPageSizes:[25,50,75],paginationPageSize:25,useExternalPaginati

javascript - VueJS v 绑定(bind) :style for background-image: url()

根据VueJS文档:我尝试了几种模式:但结果对HTML无效style属性。有什么想法吗? 最佳答案 尝试其他模式后,这是有效的模式:结果: 关于javascript-VueJSv绑定(bind):styleforbackground-image:url(),我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/40666716/

html - 为什么 `position:absolute;` 销毁 ` vertical-align:middle` ?

文本center位于div的中心,如下面的代码所示。.Absolute-Center{display:table-cell;width:100px;height:100px;border:1pxsolidred;text-align:center;vertical-align:middle;}center现在在.Absolute-Center的css中添加一行position:absolute;。.Absolute-Center{position:absolute;display:table-cell;width:100px;height:100px;border:1pxsolidre

html - Chrome : can't position one absolute div over another when the parent is fixed

我发现当我想要位于顶部的div的父级固定时,我无法在Chrome中将一个绝对定位的div定位在另一个之上:这是一个演示问题的JSFiddle:http://jsfiddle.net/SEJhg/你应该看到在Chrome中,z-index为10的黄色绝对定位div出现在z-index:1的绿色绝对定位div后面,因为父级的位置是固定的。Firefox等其他浏览器在绿色div之上显示黄色div。关于如何在Chrome中解决这个问题有什么建议吗?我无法改变parent的固定位置。谢谢! 最佳答案 您遇到的是Chrome中相对较新的行为,引

html - CSS: fixed positioning, right: 0px 但不会遵守 max-width

我无法让定位、最大宽度和“right:0px”协同工作!我正在创建一个固定在我网站右上角的div。页面内容的最大宽度为1000像素,但标签仅遵守我的“右:0像素”规则并坚持在右侧,一旦达到最大宽度则不遵守。还应该注意的是,默认情况下,div位于左上角并遵守最大宽度(如果我键入“left:0px;”,但它不遵守规则并且坚持在左边)。CSS:#content{margin:0auto;max-width:1000px;}#div{width:150px;position:fixed;right:0px;}以下是我已经尝试过的一些替代方案:width:100%(withtext-align:

html - 位置绝对左边 :50% does not position span in the middle

我有一个包装div,里面有一个绝对定位到换行,因为它是Icomoon的图标,我需要成为背景的一部分。然后,与处于同一级别,另一个div,在里面我有一个,一个,一个和一个.我已经定位了absolute到换行(它有相对位置),但虽然我想把它放在中间,但它只需要left:26%,根本不是50%!所以当我调整屏幕大小时,问题就变成了,它不会停留在换行的中间。我就纳闷了,为什么会引起呢?我刚才发布了另一篇文章,因为我想将这个问题包含在JSFiddle中,但我不知道如何将字体文件包含在JSFiddle中,这样图标就不会出现在那里。有没有人知道我可以做些什么来修复它?.containerOfSite