草庐IT

绝对性

全部标签

html - 如何通过 css :before 更改放置在 div 中的绝对定位图像的宽度和高度

这个问题在这里已经有了答案:CanIchangetheheightofanimageinCSS:before/:afterpseudo-elements?(14个答案)关闭8年前。我正在尝试使用css:before和position:absolute;将图像放在div中;该div中已经有一个图像。为什么我无法控制绝对定位图像的高度或宽度?CSS:div:before{content:url('buble.png');position:absolute;left:0;top:0;width:100%;height:auto;z-index:200;}html:

html - 在绝对定位的 div 中垂直居中文本

我正在尝试将绝对定位的div中的文本垂直居中。我尝试过table-cell方法,但没有成功。这是一个响应式布局,所以我尽量避免设置固定高度,也不喜欢使用Javascript。谢谢LinktojsbindemoHTML和CSS:thistextneedstobeverticallcentered.page-banner{margin-bottom:35px;list-style:none;width:100%;padding-left:0;position:relative;}.page-bannerimg{width:100%;height:auto;}.page-banner.lef

html - 在绝对定位的 div 中垂直居中文本

我正在尝试将绝对定位的div中的文本垂直居中。我尝试过table-cell方法,但没有成功。这是一个响应式布局,所以我尽量避免设置固定高度,也不喜欢使用Javascript。谢谢LinktojsbindemoHTML和CSS:thistextneedstobeverticallcentered.page-banner{margin-bottom:35px;list-style:none;width:100%;padding-left:0;position:relative;}.page-bannerimg{width:100%;height:auto;}.page-banner.lef

javascript - CSS3 从固定到绝对的过渡

固定在滚动条上我创建了一个Logo元素,它绝对定位在文档中,当我滚动它时,它会固定在窗口顶部的固定位置(此处示例:https://jsfiddle.net/swzbe9cv/2)JavaScriptwindow.addEventListener('scroll',fixLogo);functionfixLogo(){if(window.scrollY>=trigger){if(!logo.classList.contains('fixed')){logo.classList.add('fixed');}}else{if(logo.classList.contains('fixed')&

javascript - CSS3 从固定到绝对的过渡

固定在滚动条上我创建了一个Logo元素,它绝对定位在文档中,当我滚动它时,它会固定在窗口顶部的固定位置(此处示例:https://jsfiddle.net/swzbe9cv/2)JavaScriptwindow.addEventListener('scroll',fixLogo);functionfixLogo(){if(window.scrollY>=trigger){if(!logo.classList.contains('fixed')){logo.classList.add('fixed');}}else{if(logo.classList.contains('fixed')&

html - 导航栏在 Twitter bootstrap 3 中的绝对定位

bootstrap中的固定导航栏不是绝对位置。使用fixednavbars时,导航栏下方的标记会出现在标题导航栏的右侧。如何克服这个问题:我尝试了position:absolute和marginfromtopequaltosizeofnavbarheaderheight.没有任何效果。有什么建议么? 最佳答案 Bootstrap提供了固定在顶部的选项...引用:http://getbootstrap.com/components/#navbar-fixed-top或您可以使用absolute固定在顶部并添加与bodypadding-

html - 导航栏在 Twitter bootstrap 3 中的绝对定位

bootstrap中的固定导航栏不是绝对位置。使用fixednavbars时,导航栏下方的标记会出现在标题导航栏的右侧。如何克服这个问题:我尝试了position:absolute和marginfromtopequaltosizeofnavbarheaderheight.没有任何效果。有什么建议么? 最佳答案 Bootstrap提供了固定在顶部的选项...引用:http://getbootstrap.com/components/#navbar-fixed-top或您可以使用absolute固定在顶部并添加与bodypadding-

javascript - 如何找到输入字段中最后一个字母的绝对或相对位置?

也许这是一个奇怪的问题。请检查下面你会明白。空输入类型文本,width=200px:[____________________________]填充输入类型文本,width=200px:[abcdefg_____________________]如果inputleft为0如何求g字母所在的绝对或相对位置???当用户输入一些文本时,我想在最后一个字母下面显示一个简单的div... 最佳答案 文本大小修改没问题,但您也可以使用visibility:hiddenspan来移动您的信息div。HTML片段如下:Character通过这种方式

javascript - 如何找到输入字段中最后一个字母的绝对或相对位置?

也许这是一个奇怪的问题。请检查下面你会明白。空输入类型文本,width=200px:[____________________________]填充输入类型文本,width=200px:[abcdefg_____________________]如果inputleft为0如何求g字母所在的绝对或相对位置???当用户输入一些文本时,我想在最后一个字母下面显示一个简单的div... 最佳答案 文本大小修改没问题,但您也可以使用visibility:hiddenspan来移动您的信息div。HTML片段如下:Character通过这种方式

html - 如何填充 100% 绝对定位的 div? (IE7+)

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:CSSheight100%inIE7我想在网页上有一个居中的block,该block由子div填充到100%。这是我的HTML代码:这是我的CSS:#parent{position:absolute;background-color:blue;top:2em;left:4em;bottom:3em;right:2em;}#child{position:relative;background-color:red;height:100%;}这是一个JSfiddle:http://jsfiddle.net/XMS2