html5相关内容

使用CSS打印HTML页面时隐藏表单控件

某些HTML表单元素具有附加的额外UI,例如 number 上的向上/向下箭头。然而,当打印页面时,不再需要这些按钮,因为用户不能以打印形式与它们交互。 文本框很容易处理: p> @media print { input { border:none; border-bottom:2px solid#000000; } } 使它们打印得相当不错,在上面。就 ..
发布时间:2017-02-06 13:14:21 前端开发

如何在圆形图像上设置这个三角形?

我在我的项目中使用bootstrap 3.3,我想使用CSS风格的照片。请指导我如何做到这一点? 预览(我需要的): 解决方案 您可以使用 svg 的 clipPath 和过滤器 box-shadow 。 使用用于圆上坐标的公式计算三角形的坐标: (x,y)= (θ),r×sin(θ))其中, r 是圆的半径, code>是角度。 不在圆上的坐标假定为半径 55px ..
发布时间:2017-02-06 12:59:19 前端开发

Jquery水流经管道效应

我正在为本地水暖公司创建一个可单页滚动的网站。我有一个想法,需要一个像下面的效果: http://sidigital.co/ 任何人都可以为这个“Water flowing through pipe”Concept提供任何JS / Jquery插件? 解决方案 这主要是使用CSS3而不是JavaScript效果实现的。您可以编写一个脚本,将特定的CSS事件与滚动函数组合,例如视 ..
发布时间:2017-02-06 12:56:39 前端开发

如何使内容可编辑的div的行为像一个文本区域?

我已经建立了一个编辑器,可将markdown转换为html。现在,我必须使用 jquery autosize 插件来调整文本区域的大小。 如果我使用内容可编辑的div,我可以绕过它。但内容可编辑div的问题是它不保留新行。每次按下返回键时都会插入一个新的div。这打破了markdown到html为我的应用程序的渲染。 有没有什么办法,我可以使一个内容可编辑的div的行为完全像文本区域? ..
发布时间:2017-02-06 12:45:25 前端开发

MouseOver和MouseOut在CSS中

对于使用鼠标到一个元素,我们使用:hover CSS属性。如何将鼠标移出元素? 我在元素上添加了一个过渡效果来改变颜色。悬停效果工作正常,但我应该使用什么CSS属性鼠标出来应用的效果?我正在寻找一个CSS解决方案,而不是JavaScript或JQuery解决方案。 解决方案 这里是最好的解决方案,我想。 CSS onomouseout: div :not(:hover) ..
发布时间:2017-02-06 12:36:25 前端开发

文本字段游标问题在chrome

我在我的表单部分使用以下css。 CSS code> .username input { background-color:#FFFFFF; border:2px solid #DDDDDD; border-radius:5px 5px 5px 5px; color:#9E9E9E; height:30px; width:330px; padding:0px ..
发布时间:2017-02-06 12:35:49 前端开发

导航在滚动和点击后在Chrome中消失

我正在开发一个Android应用程序的小型网站,我发布,但我有一个小问题,我似乎找不到答案。 在Firefox中,一切正常,但当你滚动,然后点击导航链接(只需使用id向下移动页面),但在Chrome上,导航消失,直到你滚动一些。 网站价格为 www.ioudebtcalculator.com 这些是我应用的唯一样式: #navBar { background-colo ..
发布时间:2017-02-06 12:14:58 前端开发

Internet Explorer不尊重我的最小高度:100%与flexbox

我一直在寻找所有的最小高度:100%的解决方案StackOverflow和网络,我似乎找不到一个适合我(相对简单)的需求。 这里是我想要的: 我有一个两列容器,两个列应该伸展到相等的高度。 当内容未填满屏幕时,列应该展开到整个窗口高度。 示例代码: $ b $ b http://codepen.io/anon/pen/dwgDq?editors=110 ..
发布时间:2017-02-06 12:10:33 前端开发

在< head>之后包含CSS的正确方法

显然,在文档正文中添加 块也是如此... 解决方案在 标签之外添加CSS? 解决方案 如果您只想在特定事件中包含CSS样式,你这样做的头: var linkElement = document.createElement(“link”); linkE ..
发布时间:2017-02-06 11:57:49 前端开发

Starburst效果在CSS3中是否可行?

有没有人知道如果下面的图像可以在CSS?浅色和深色线可以并且应该是相等的宽度,边缘淡入较暗的颜色,因此整体背景将是深色(在这种情况下为深蓝色)。 任何帮助是很好的赞赏。我的google技能没有提供任何帮助这种效果,只有“星暴贴纸/徽章的东西”被发现。 解决方案 不。遗憾的是,css3生成的图像规格不包括锥形/角度渐变(虽然他们可能会出来在下一个版本!),这将是最有可能的方法,只使用c ..
发布时间:2017-02-06 11:46:27 前端开发

可调整大小的帧仿真

我了解 和 标记已弃用。有没有办法模拟可调大小的帧?我想要的是水平或垂直分离该区域的窄分离器,其可由使用者移动,使得当其一侧变小时,另一侧变大,反之亦然。我不想像传统框架那样用一个html页面填充每一帧,而是用一些DOM材料填充。 我知道CSS3有 resize 属性,但它只控制自身的大小。我不知道这是否是用于解决方案。 我不特别喜欢使用JavaS ..
发布时间:2017-02-06 11:38:08 前端开发

背景图片不显示在span标记中

我有一个span标记显示在Windows 7上的最新的FF中的背景图像的麻烦。 似乎工作,并显示一切正常在早期的FF,Chrome,Safari和IE,但手持设备和Windows 7似乎失败。 对不起,如果这似乎模糊我只是无法想出来,图像最初的pngs没有高度指定和ive,因为他们gifs和应用的高度。 Design Viz ..
发布时间:2017-02-06 11:36:10 前端开发

单击链接时不要更改链接颜色

我在HTML页面中有一个链接: foo& a> 链接文本的颜色最初是蓝色的。单击链接时,链接文本的颜色首先变为红色,然后变为蓝色。我想要的颜色的链接文字不改变时,用户点击它。 我尝试了 active { color:none; } ,但没有运气。 而我不想在CSS中使用: a ..
发布时间:2017-02-06 11:30:58 前端开发

在Chrome中移除Datalist下拉箭头

Chrome显然在引用 的文本输入中添加了一个下拉箭头。 只有在文字栏位集中时才会显示(请参阅更新),而且这个项目会显示在Chrome 34(Canary)应用于两种输入类型 text 和搜索。 对于本机浏览器实现,可能会更糟,但正如您在图片中看到的,它与我的设计规范冲突。 有人知道如何移除或取代这项新功能吗? ..
发布时间:2017-02-06 11:29:20 前端开发

Zurb Foundation 3 - 全宽部分&更改最大宽度?

在我的项目中使用 ZURB基金会3 。我喜欢网格系统和响应式网站,但我的问题是我仍然强烈相信他们应该建造更宽,然后1000px。 我有几个问题: 1)首先我想要让某些部分(divs)全宽。现在我已经阅读我可以用 替换 code>为例,它会产生这种效果。现在因为某些原因,这感觉不对,我应该创建自己的类 ..
发布时间:2017-02-06 11:05:15 前端开发