css相关内容

地址栏隐藏 iOS/Android/Mobile Chrome 时背景图片跳转

我目前正在使用 Twitter Bootstrap 开发响应式网站. 该网站在移动设备/平板电脑/桌面设备上都有全屏背景图片.这些图像使用两个 div 旋转和淡入淡出. 除了一个问题,它几乎是完美的.在 Android 上使用 iOS Safari、Android 浏览器或 Chrome 时,当用户向下滚动页面并导致地址栏隐藏时,背景会略微跳转. 网站在这里:http://lt2 ..
发布时间:2021-12-01 18:17:55 移动开发

iPad Safari 滚动导致 HTML 元素消失并延迟重新出现

我目前正在使用 HTML5 和 jQuery 为 iPad Safari 开发 Web 应用程序.我遇到了一个问题,当我向下滚动到它们时,较大的滚动区域会导致屏幕外的元素在延迟后出现. 我的意思是,如果我有一排图像(甚至是带有渐变的 div)在屏幕外,当我向下(或向上)滚动到它时,预期行为 是为了让元素在我滚动到它时出现在屏幕上. 但是,元素不会出现,直到我将手指从屏幕上移开并且滚动条 ..
发布时间:2021-12-01 18:17:41 前端开发

jQuery 单击事件在 iOS 中不起作用

第二次更新: 看起来我的一个函数 (resetFigures) 阻止了事件处理程序,因此将其移至绑定函数的末尾以解决问题. 更新:经过一些基本测试后,我意识到点击事件正在注册,只是点击时框无法翻转. 我的网站在 Chrome 和 Firefox 中具有基本的美学功能,但它拒绝在 iOS 上正常运行(在运行 iOS 6.1 的 iPhone 4 和运行 iOS 4.3.5 的 iPad ..
发布时间:2021-12-01 17:56:52 前端开发

位置:固定在 iPad 和 iPhone 上不起作用

我一直在为 iPad 中的固定定位而苦苦挣扎.我知道 iScroll 并且它似乎并不总是有效(即使在他们的演示中).我也知道 Sencha 有一个修复程序,但我不能 Ctrl + F 那个修复程序的源代码. 我希望有人可能有解决方案.问题是当用户在 iOS 驱动的移动 Safari 上向下/向上平移时,固定定位的元素不会更新. 解决方案 我最终使用了新的 jQuery Mobile ..
发布时间:2021-12-01 17:37:05 移动开发

将 Bootstrap 4 导航栏中的元素居中

无论我尝试什么,我都无法在 Bootstrap 导航栏中居中显示内容,有什么解决方案吗? 我尝试添加一个 div,使用 margin:0 auto; 或 margin-right:auto;margin-left:auto;,使用 center-block 类.什么都行不通,为什么这么简单我无法理解的事情很难实现,我做错了什么? 这是当前代码: ..
发布时间:2021-12-01 17:03:11 前端开发

可变高度的 CSS 浮动 Div

我有无限数量的 100 像素宽度的 div,它们可以放入 250 像素宽度的父级.无论高度如何,我都需要按行显示 div,如图所示.我试过解决这个问题,但 div 高度似乎把它搞砸了. 非常感谢您的帮助.谢谢:) #持有者{宽度:250px;边框:1px 蓝色虚线;显示:内联块;}.盒子{宽度:100px;高度:150px;背景颜色:#CCC;向左飘浮;文字对齐:居中;字体大小:45px ..
发布时间:2021-12-01 17:03:02 前端开发

Firefox 是否支持位置:相对于表格元素?

当我尝试在 或 上使用 position:relative/position: absolute 时 在 Firefox 中它似乎不起作用. 解决方案 最简单也最恰当的方法是将单元格的内容包装在一个 div 中并添加 position:relative 到那个 div. 示例: 这将正常定位 ..
发布时间:2021-12-01 17:02:55 前端开发

如何使 html 链接看起来像一个按钮?

我使用的是 ASP.NET,我的一些按钮只是做重定向.我宁愿它们是普通的链接,但我不希望我的用户注意到外观上的太大差异.我考虑过由锚点(即标签)包裹的图像,但我不想每次更改按钮上的文本时都必须启动图像编辑器. 解决方案 应用这个类 .button {字体:粗体 11px Arial;文字装饰:无;背景颜色:#EEEEEE;颜色:#333333;填充:2px 6px 2px 6px;边 ..
发布时间:2021-12-01 17:02:45 前端开发

height: 100% 或 min-height: 100% 用于 html 和 body 元素?

在设计布局时,我将 html, body 元素的 height 设置为 100% 但在某些情况下,这会失败,那该怎么办用吗? html, body {高度:100%;} 或 html, body {最小高度:100%;} 好吧,这不是基于意见的,因为每种方法都有自己的缺陷,那么推荐的方法是什么?为什么? 解决方案 如果您尝试将背景图像应用于填充整个浏览器的 html 和 body窗 ..
发布时间:2021-12-01 17:02:37 前端开发

当侧边项目具有不同的宽度时,保持中间项目居中

想象以下布局,其中点代表框之间的空间: [左框]……[中框]……[右框] 当我移除右边的框时,我喜欢中心框仍然在中心,就像这样: [左框]……[中心框]………… 如果我删除左框也是如此. ................[中心框]................. 现在,当中心框内的内容变长时,它会根据需要占用尽可能多的可用空间,同时保持居中.左右框永远不会缩小,因此当没有空格时 ov ..
发布时间:2021-12-01 16:57:15 前端开发

如何在 HTML 中将一个图像放置在另一个图像的顶部?

我是 Rails 编程的初学者,尝试在页面上显示许多图像.有些图像要放在其他图像之上.为了简单起见,假设我想要一个蓝色方块,在蓝色方块的右上角有一个红色方块(但在角落处不紧).由于性能问题,我试图避免合成(使用 ImageMagick 和类似工具). 我只想相对于彼此定位重叠的图像. 举一个更困难的例子,想象一个里程表放置在一个更大的图像中.对于六位数字,我需要合成一百万张不同的图像, ..
发布时间:2021-12-01 16:57:08 前端开发

使用 flexbox 将元素与底部对齐

我有一个 div 和一些孩子: 标题1 标题2 一些或多或少的文字 点击我 我想要以下布局: -------------------|标题 1 ||标题 2 ||段落文本 ||可以有很多||行 ||||||||链接按钮|------------------- 无论 p 中有多少文本 ..
发布时间:2021-12-01 16:56:59 前端开发

边距和填充之间的区别?

CSS 中的 ma​​rgin 和 padding 到底有什么区别?它似乎真的没有多大用处.你能给我举个例子说明差异在哪里(以及为什么了解差异很重要)? 解决方案 padding 是内容和border之间的空间,而margin> 是边界外的空间.这是我从 Google 快速搜索中找到的一张图片,它说明了这个想法. ..
发布时间:2021-12-01 16:56:49 前端开发

CSS 文本溢出:省略号;不工作?

我不知道为什么这个简单的 CSS 不起作用... .app a {高度:18px;宽度:140px;填充:0;溢出:隐藏;位置:相对;边距:0 5px 0 5px;文本对齐:居中;文字装饰:无;文本溢出:省略号;空白:nowrap;颜色:#000;} 测试测试测试测试测试测试 应该在第 4 次“测试"前后切断 解决方案 text-overflow: ..
发布时间:2021-12-01 16:56:40 前端开发

使用 CSS 在背景图像上设置大小?

是否可以使用 CSS 设置背景图片的大小? 我想做类似的事情: 背景:url('bg.gif') top repeat-y;背景尺寸:490px; 但这样做似乎完全错误... 解决方案 CSS2 如果您需要将图像放大,则必须在图像编辑器中编辑图像本身. 如果您使用 img 标签,您可以更改大小,但是如果您需要图像作为其他内容的背景(并且它不会像您想要的那样重复),则不 ..
发布时间:2021-12-01 16:56:30 前端开发

为什么 :before 和 :after 伪元素需要“内容"属性?

鉴于以下场景,为什么 :after 选择器需要内容属性才能起作用? .test {宽度:20px;高度:20px;背景:蓝色;位置:相对;}. 测试:{宽度:20px;高度:20px;背景:红色;显示:块;位置:绝对;顶部:0px;左:20px;} 请注意,在指定 content 属性之前,您是如何看不到伪元素的: .test {宽 ..
发布时间:2021-12-01 16:56:00 前端开发

如何复制固定在 iOS 上的后台附件

我正在尝试让固定背景图像 div 在 iOS 上为学校项目工作.我一直在用 背景附件:固定; 但这会导致在移动 Safari 中出现奇怪的大小和没有滚动效果.这是我正在使用的网站;我目前用于引用 div 图像背景的方法在桌面上运行良好,但在 iOS 上完全失败. 不知何故,http://www.everyonedeservesgreatdesign.com 让这个工作起来.我在执行代码时 ..
发布时间:2021-12-01 16:55:53 前端开发