css-position相关内容

无法获取滚动时位置:固定 - 元素从屏幕上消失

顶部栏(固定) - 如在Twitter和Facebook上看到的,试图模仿一个web项目,我的工作相同 - 无论我尝试多少,内容消失,滚动.Tried这个教程 http://www.sohtanaka.com/web -design / facebook-style-footer-admin-panel-part-1 / 但是,当分辨率改变时缩放。不想要 - 正如我们在twitter / F ..
发布时间:2017-01-20 02:05:10 前端开发

Div with scrollbar inside div with position:fixed

我有一个div与位置:固定的是我的容器div的一些菜单。我已将其设置为top:0px,bottom:0px始终填充视口。在该div内,我想要有2个其他div,其中较低的一个包含大量的行和溢出:auto。我会期望它将包含在容器div中,但如果有太多的行,它只是扩展到固定的div外面。下面是我的代码和屏幕截图以澄清: ..
发布时间:2017-01-20 01:00:16 前端开发

绝对定位在Gmail电子邮件中

我有一个客户想要向在其网站上注册的用户发送礼券。他们想要它所有的设计,所以我不能只发送文本电子邮件。我试图将文字放在图片上,以便它仍然可以是动态的。 我试图用绝对定位做到这一点。一些电子邮件系统喜欢它。有些人讨厌。 Gmail很容易讨厌。 我们正在为广告系列使用MailChimp。这是电子邮件的完整来源。以下是只是无效的代码段。 ..
发布时间:2017-01-19 23:50:24 前端开发

Google地图api v3工具:视觉扭曲?

我只是注意到gMap视图工具正在显示...非常异常。他们的区域似乎被正确定义 - 我可以与他们进行交互,只是他们的外观看起来搞乱了。 我没有应用任何CSS的地图片段,并且我应用于地图容器的唯一css是 width:100%;高度:100%; 我在页面上还有其他元素,其中有 position:absolute; 和 position:fixed; 和一些高 z-index (500和10 ..
发布时间:2017-01-19 22:52:08 前端开发

如何在没有绝对定位的图像上放置文本或将图像设置为backbround

我试图看看是否可以在图像上放置一些文本,而不使用position:absolute或将图像作为元素的背景。 约束的原因是HTML代码将进入电子邮件,结果是hotmail不支持。 我记得当我第一次开始学习CSS时,围绕图像使用浮动文本进行操作我经常结束与文本快乐地去所有的图像。很遗憾,我无法重现这种行为。 完整故事(编辑): 我从图形设计师那里得到了一个花哨的布局。它基本上是 ..
发布时间:2017-01-19 22:38:04 前端开发

在iPhone Mobile Safari中使用单指滚动内部内容(div / iframes)

Sub:iPhone mobile safari网络应用程序 我需要保持网页的某些部分可见,即使用户滚动。 CSS属性位置:fixed不能按预期工作。使用overflow:auto属性on或需要双指滚动,这不是我想要的。 有什么办法提供单指滚动的内部'div'在CSS中(iOS 5): 解决方案 -webkit-overflow-scrolling:touch; ..
发布时间:2017-01-19 22:15:07 移动开发

如何修复IE8中的绝对定位?

在我使用的每个浏览器中,除了ie8,一个绝对定位的元素可以根据具有相对定位的最近父元素来定位。 divs在表内。顶部div具有position:relative,但是,嵌套的,绝对定位的元素不会遵守其边界(在ie8中,它位于页面底部,而不是父div的底部)。 有人知道这个修复吗? ..
发布时间:2017-01-19 21:58:35 前端开发

在Firefox中的table-cell元素上定位上下文

通常,我们可以将父元素设置为子元素绝对定位的上下文,如下所示: #parent { position:relative; } #child { position:absolute; top:0; left:0; } 这一切都可以正常工作,但是当父母拥有 display 属性设置为 table-cell ,它在Firefox中不起作用。子元素的定位上 ..
发布时间:2017-01-19 20:39:29 前端开发

位置:IE9中的固定断点

我有一个网站,大量利用jQuery和CSS来实现一些非常漂亮的效果。页面在FF和Chrome中正常工作 - 但是在IE9(和可能的其他版本的IE)中,我的页面似乎是错误的格式,因为浏览器似乎忽略了我的 position:fixed; 属性。我想我的问题是:什么可能导致这(在我的网站全球)发生?我知道很难说没有一个完整的代码示例,但我想知道是否有人看过这个。有很多的CSS,所以我不知道什么是相关的帖 ..
发布时间:2017-01-19 07:14:23 前端开发

每次重复-y时垂直翻转背景图像

我正在寻找一个垂直重复我的背景图像的伎俩,但每次图像重复,我想垂直翻转它。 我试过所有的 示例: 直背景图片 当它重复时翻转背景图像 然后再次翻转直到 有一个方法来获取这个位置? 我将接受JScript(和它的库)的解决方案,只有没有一个有纯css的解决方案。 谢谢大家! 解决方案 CSS3,因为没有CSS3属性来旋转背景图片。 参考: ..
发布时间:2017-01-19 06:56:26 前端开发

创建可变高度“固定” CSS中的标题与可滚动内容

我想在页面上创建一个不移动的标题。这看起来很简单,只需添加“position:fixed “到样式,但是内容显示在标题下,因为标题是”从流中删除“。所以解决方案我认为是添加“margin-top:height”的内容。 当标题的高度是变量时,最好的解决方法是什么? 显示问题的小提琴: http://jsfiddle.net / waterlooalex / j4Z8F / 2 / ..
发布时间:2017-01-19 06:22:33 前端开发

Firefox忽略表单元格中的绝对定位

我试图绝对定位一个元素在表格单元格内。 TD有 position:relative ,元素有 position:absolute 。 这在所有浏览器中都很好用,除了在Firefox中它相对于祖先的相对容器定位。 这个小提琴: http://jsfiddle.net/ac5CR/1/ 有没有人知道我是否错过了一些可以在Firefox中修复的CSS设置? 解决方案 元件。 ..
发布时间:2017-01-19 06:00:52 前端开发

如何获得一个滚动条在一个固定的页眉和页脚的div?

我有一个网站和滚动条的一些问题。 我想要的最好解释这个图片。 但我无法获得这样的滚动条。 我试过了一些,这里是 jsfiddle 在这个小提琴我也有: div [role =“main”] { overflow-y:scroll; margin:60px 0; } 但这个保证金不行,我怎么知道我需要什么保证金 解决方案 这可 ..
发布时间:2017-01-19 05:45:19 前端开发

IFRAME和冲突的绝对位置

我想使用以下CSS执行动态大小的IFRAME: #myiframe { position:绝对; top:0; bottom:0; left:0; right:0; } 但是,没有浏览器支持此功能。 在良好的浏览器中,我可以将IFRAME包装在带有引用的CSS样式的DIV中,并设置高度& IFRAME的宽度为100%。但这不工作在IE7。没有 ..
发布时间:2017-01-19 05:28:52 前端开发

相对定位所有元素有什么问题吗?

通常我发现自己附加一个类给一个元素只是给它 position:relative; ,以便我可以使用 position:绝对的; 有什么不对的地方,或者我应该说,如果我写的话,会破坏什么: * { position:relative; } 或者下面的例子,因为这些通常是唯一的元素我需要相对位置: div,navbar,footer,section,a ..
发布时间:2017-01-19 05:22:35 前端开发

在jQuery中如何设置“top,left”元素的属性与位置值相对于父而不是文档?

.offset([coordinates])方法设置元素的坐标,但只相对于文档。然后如何设置一个元素的坐标,但相对于父? 我找到 .position() 我尝试使用 $(“#mydiv”)。css({top:200,left:200}); 但不起作用。 解决方案 要设置相对于父级的位置,您需要设置父级的位置:relative 和 position:ab ..
发布时间:2017-01-19 03:34:19 前端开发