个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
27
4
我试图让背景保持静止，同时文本在其上滚动，并使图像居中并防止其平铺或重复。就目前的情况而言，我可以将其发送给其中任何一个，但不能同时发送给两者。目前我的样式表是这样处理的。
{
background: url(LOCATION OF PIC FILE) repeat fixed;
height: 610px;
text-align: center;
margin: 0 auto;
overflow: hidden;
}
据我所知高度:610px；限制文本向上滚动的距离，我想保留。我试图更改“重复固定”部分，但没有得到我想要的结果。我试过这个...
{
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
height: 610px;
}
...在 HTML 中使用这个...
<div id="intro">
<img src="IMAGE SOURCE" width="100%" height="100%">
</div>
但这并不能使背景保持固定...
如有任何帮助，我们将不胜感激。
最佳答案
查看您的 CSS 后，我注意到一些可以通过稍微调整来解决的冲突。首先，我绝对建议您使用浏览器 Web 开发工具(例如 Firebug)进行更改和调整。我发现它可以节省您的耐心和挫败感。
我想到的解决方案如下:
.body{
background-image: url('../images/go_here.png');
background-repeat:repeat-x;
background-attachment:fixed;
background-position: left top;
position:absolute;
height:610px
width: ?px;
margin:0;
}
如果想让背景横向重复，那就用background-repeat: x-axis;垂直，背景重复:y 轴；。为了确保背景不滚动，使用 background-attachment: fixed;。背景位置应使用两个词或两个数字测量值(例如中心中心/左上/右上/右中心/左中心/右下或 0px 0px)。由于您希望背景有一个高度，而我假设有一个宽度；元素的位置需要是绝对的。如果您决定使用 float ，则主容器或背景必须是绝对的。
我的建议是，您是否希望将文本附加到背景，这取决于您。根据我的经验，我发现最好将文本与背景分开。从长远来看，它只会减少头痛。我会将文本编码如下:
.text{
text-align: center;
overflow: hidden;
height: 610?px;
width: ?px;
}
关于img src 和background-image 的使用，根据我的经验，我发现它们是冲突的。由于某些奇怪的原因，img src 标签将不起作用，除非在标签之外有一个单词或短语。通过使用两者，img src 将覆盖背景 css 元素。我发现 img 标签在 CSS 中更难操作。这是可行的，但执行起来简直就是一场噩梦。
示例:
<div><img src="http://www.example.com">Example</div>
根据我的经验，我发现 img src 与 text-indent: -9999px 协同工作；或显示:无；。除非标签有一个词或元素可以附加到它，否则标签将不起作用。文本缩进导致单词(即示例)被推出屏幕。显示:无；使单词看起来不可见，但如果突出显示它会出现在图像上。 (如果这没有意义，我深表歉意。我随时可以澄清。)
至于 HTML 标记，我要么使用 img 标签，要么只使用 div 标签。 HTML 标记:
<html>
<body>
<div class="text">I put my text here.</text>
</body>
</html>
让我知道这是否有效。我很抱歉这变得这么长。我不是故意的。如果您遇到任何问题或需要更多说明，请告诉我。我不介意帮忙。
关于html - 防止背景图像在 CSS 中移动或平铺，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12941270/
27
4
0
只是想知道 Jquery Mobile 是否足够稳定以用于实时生产企业移动应用程序。 有很多 HTML5 框架，因为我们的团队使用 JQuery 已经有一段时间了，我们更愿意使用 Jquery 移动框
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 3 年前。 Improve t
所以我尝试在 JavaScript 中对元素进行拖放。我使用的视频教程在这里； https://www.youtube.com/watch?v=KTlZ4Hs5h80 。我已经按照它的说明进行了编码，
无法在移动 iOS(safari 和 chrome)上自动播放以前缓存的 mp3 音频 我正在 Angular 8 中开发一个应用程序，在该应用程序的一部分中，我试图在对象数组中缓存几个传入的音频 m
Git 基于内容而不是文件，所以我目前理解以下行为，但我想知道是否有特殊选项或 hack 来检测此类事情: git init mkdir -p foo/bar echo "test" foo/a.tx
我正在寻找语义 ui 正确的类来隐藏例如移动 View 中的 DIV。在 Bootstrap 中，我们有“visible-xs”和“hidden-xs”。 但是在语义ui上我只找到了“仅移动网格” 最
我正在使用 ubuntu 和 想要移动或复制大文件。 但是当我与其他人一起使用服务器时，我不想拥有所有内存并使其他进程几乎停止。 那么有没有办法在内存使用受限的情况下移动或复制文件？ 最佳答案 如果你
这些指令有什么区别？以 ARM9 处理器为例，它不应该是: ASM: mov r0, 0 C: r0 = 0; ASM: ld r0, 0 C: r0 = 0; ? 我不知道为什么要使用一个或另一个:
我有一个文件夹，其中包含一些随机命名的文件，其中包含我需要的数据。 为了使用数据，我必须将文件移动到另一个文件夹并将文件命名为“file1.xml” 每次移动和重命名文件时，它都会替换目标文件夹中以前
我经常在 IB/Storyboard 中堆叠对象，几乎不可能拖动其他对象后面的对象而不移动前面的对象。无论如何我可以移动已经选择但位于其他对象后面的对象吗？当我尝试移动它时，它总是选择顶部的对象，还是
几个月前，我看到 Safari 7 允许推送通知，它似乎是一个非常有用的工具，除了我看到的每个示例都专注于桌面浏览，而不是移动设备。 Safari 推送通知是否可以在移动设备上运行，如果没有，是否有计
我有一个简单的 View 模型，其中包含修改后的 ObservableCollection使用 SynchronizationContext.Current.Send在 UI 线程上执行对集合的更改。
关于cassandra创建的数据文件和系统文件的位置，我需要移动在“cassandra.yaml”配置文件中设置的“commitlog_directory”、“data_file_directorie
我有这个代码 $(function() { var message = 'Dont forget us'; var original; var txt1 = ' - '; $(wind
我的客户报告说他的网站有一个奇怪的问题。该网站的 URL 是 your-montenegro.me 在 基于 Android 的浏览器 上加载时，页面底部会出现一个奇怪的空白区域。以下是屏幕截图: 华
我有这个 HTML 标记: Express 300 bsf Sign Up 我需要将元素从 DOM 上的一个
我有一个可重新排序的 TableView (UITableView 实例)。尽管我已经实现了 UITableViewDataSource 方法: tableView:moveRowAtIndexPat
我的客户报告说他的网站有一个奇怪的问题。该网站的 URL 是 your-montenegro.me 在 基于 Android 的浏览器 上加载时，页面底部会出现一个奇怪的空白区域。以下是屏幕截图: 华
我需要在拖放或复制/剪切和粘贴(复制与移动)期间获取操作类型。它是一个 Swing 应用程序，并且实现了 TransferHandle。我在操作结束时需要此信息，在 importData 方法中。 对
我编写了一个具有 add 和 get 方法的 SortedIntList 类。 我调用以下四个方法: SortedIntList mySortedIntList = new SortedIntList
我是一名优秀的程序员,十分优秀！