草庐IT

awesome-page

全部标签

html - Webfont( Font Awesome )不能正常离线工作

当我的应用处于离线状态时,我一直无法正确显示webfonts(具体来说是很棒的字体)。所以我在list中有我的字体fonts/fontawesome-webfont.ttf?v4.1.0当应用首次在线加载时,ttf文件会加载并存储在应用缓存中并正确显示。但是,只要您断开网络连接,应用程序就可以离线运行,除了基于字体的图标(它们显示为方框,就好像字体没有加载一样)之外,一切都很好我查看了chrome的应用程序缓存(chrome://appcache-internals),文件就在那里Explicit,https://mysite.com/fonts/fontawesome-webfont

html - Page-break-inside:避免不工作

我的(Wordpress)站点有一个打印样式表,我希望图像打印在单个页面上而不是跨页打印。在某些情况下,甚至文本行也会跨页拆分。我在我的打印样式表中包含了img{page-break:avoid;),但没有成功。我找到了一些以前的答案,但它们有点旧。有没有一种可靠的方法可以在单页上打印中等大小的图像而不是将其拆分成多个页面?为什么文本行会跨页中断?网站:http://74.220.217.211/housing-developments/grafton-townhomes/相关帖子:Printstyles:Howtoensureimagedoesn'tspanapagebreakWha

javascript - Page Up/Down 事件上的动画滚动

我正在尝试构建一个网站,当用户向上或向下滚动页面时,该网站会自动滚动到每个部分。数周以来,我一直在努力解决这个问题,非常感谢对此事的任何帮助。我认为问题是因为事件处理程序是一个滚动事件,它会触发一个滚动函数,这会导致发生多个滚动。我已经阅读了很多讨论这个主题的文章,解决方案似乎是添加一个setInterval或setTimeout函数,但我都尝试过但仍然没有结果。varpage=$("#page_container");varhome=$("#home");varmusicians=$("#musicians");varathletes=$("#athletes");varpoliti

javascript - 如何将 font-awesome svg 图标导出为 base64 url​​?

据我所知,我们可以将svg图像编码为base64字符串,并将其用作html文档中的url,如下所示。所以现在我想为FontAwesome库中的图标制作一个base64url​​。我该怎么做?请帮忙。 最佳答案 FontSquirrel有执行此操作的选项。上传字体后选择专家选项http://www.fontsquirrel.com/tools/webfont-generator注意这有缺点,请参阅https://github.com/FortAwesome/Font-Awesome/issues/294

javascript - BXSlider 4 在移动设备上全屏 : How to keep native vertical page scroll (up, 向下)但保持水平触摸功能(左、右)?

以下片段应该可以很好地说明问题:(function($){$('.bxslider').each(function(){varbxid=$(this).attr("data-bxid");varbx=$(this).bxSlider({auto:false,autoStart:false});});})(jQuery);/*Styles*/#before,#after{width:350px;height:350px;background-color:#ccf;}/*BXSlider*/.bx-wrapper{position:relative;margin-bottom:60px;p

php - `GitHub Pages` 是否允许 HTTP "Post"方法?

我编写了一个小的php脚本,它只是将文件从用户上传到服务器。我已经在本地的XAMMP服务器上进行了测试,一切正常。但是当我将它上传到我的GitHubPages时Here,它得到了这个错误405NOTALLOWED所以我在谷歌上搜索了很多,发现我必须允许HTTPPost方法。我现在的问题是:我如何在我的github页面上允许POST方法?提前谢谢你。 最佳答案 GitHub页面只能提供静态内容,无法在GitHub页面上运行PHP或上传东西。这就是GitHub不允许POST请求的原因。如果您需要服务器端脚本(例如PHP),您需要使用提供

javascript - 如何禁用位置 :fixed in web pages?

本网站:http://nautil.us/有一个非常烦人的标题,它总是在屏幕上并且不会滚动。如果我右键单击它并在firefox中“检查元素”,然后我发现css包含“position:fixed;”,如果我取消选中它,标题会正常运行,并像上帝预期的标题一样滚动到做。有没有办法让firefox自动执行此操作,即在呈现它们之前从所有页面中删除所有位置:固定行?编辑-------想了想,我想要的是一个小书签,可以解决这类问题。那么如何让SciMonster有前途:varx=document.querySelectorAll('*');//getallelementsfor(vari=0;i进入

html - CSS page-break-after 和 float 不能很好地播放?

如果我有以下HTML代码:Testhellotherebilbobaggins我想在每一页上打印一个单词,每一个单词之后有一个分页符。(这是简化的代码-在我的实际网页中,float很重要。)Firefox可以很好地打印,但IE和Safari都将它们全部打印在一页上,忽略分页符。这是那些浏览器中的错误吗?有更好的方法吗?谢谢。 最佳答案 是浮标在打印时弄乱了它。你需要那里的花车来打印吗?还是仅网络需要float?为什么我要问的是你可以为不同的媒体(打印、屏幕)设置不同的CSS类http://www.w3.org/TR/CSS2/med

html - @media 打印 div : How to solve overlapping page text on header?

在Firefox的页面中打印屏幕时,我使用@media在每个页面上打印标题。我的CSS设置如下:@mediaprint{div.printDivHeader{font-family:Arial,Helvetica,sans-serif;font-size:1.0em;position:fixed;display:block;width:100%;height:auto;top:0;}}问题是第二页的内容与打印div标题重叠。(即,在第二页上,页眉不会强制页面内容向下,所以我得到的是文本覆盖文本)。有什么办法可以解决这个问题吗? 最佳答案

html - 使用 JSF h :outputLink to produce a page anchor

简单问题:如何创建一个HTMLanchor使用JSF,例如或另一个JSF链接组件?这有可能吗? 最佳答案 您可以使用为了那个原因。它的id属性变为和.它生成以下HTML:Organization但只使用普通的甚至或在JSF/HTML中作为跳转目标是完全合法的。Organization为了创建一个跳转到那个的链接,使用没有id:生成的HTML将如下所示:Jumptoorganization 关于html-使用JSFh:outputLinktoproduceapageanchor,我们在St