草庐IT

css-calc

全部标签

html - CSS/HTML 代码无效,字体未应用

当我尝试运行此CSS/HTML代码时(这是在webkit浏览器中),它不起作用。输入框中的字体是没有应用Lato字体:DumbSearch.box{padding:20px;width:290px;box-shadow:0px1px3px-1px#c3c3c3;background-color:white;color:gray;font-family:Lato;text-align:left;}Touchtoscan非常感谢!提前!编辑:看这里:http://pastehtml.com/view/cokmdi9yg.html 最佳答案

css - IE9 在 IE7 文档模式下抛出我的页面并且 <!DOCTYPE html> 被注释掉

我的网页有以下文档类型上面一行是我的HTML页面的第一行。此行之前没有额外的空格或注释。页面仍然进入IE7文档模式和当我使用开发人员工具检查html页面时被注释掉。我知道我可以通过包含以下元标记来强制某种文档模式但我不应该使用它,我也不应该使用工具并更改兼容性View设置(工具->兼容性View设置)。我还使用HTML5验证器检查了该文档是否是有效的HTML5文档.我搜索的一些解决方案是CSS导致此问题的,即。因为使用Type1字体(Helevetica)。我检查了我的css,我们没有在任何地方使用这种字体。基本上我需要知道导致这种异常行为的原因是什么。是某些css还是javascri

css - IE9 在 IE7 文档模式下抛出我的页面并且 <!DOCTYPE html> 被注释掉

我的网页有以下文档类型上面一行是我的HTML页面的第一行。此行之前没有额外的空格或注释。页面仍然进入IE7文档模式和当我使用开发人员工具检查html页面时被注释掉。我知道我可以通过包含以下元标记来强制某种文档模式但我不应该使用它,我也不应该使用工具并更改兼容性View设置(工具->兼容性View设置)。我还使用HTML5验证器检查了该文档是否是有效的HTML5文档.我搜索的一些解决方案是CSS导致此问题的,即。因为使用Type1字体(Helevetica)。我检查了我的css,我们没有在任何地方使用这种字体。基本上我需要知道导致这种异常行为的原因是什么。是某些css还是javascri

css - Chrome 中的字体像素化问题 (HTML5/CSS3)

我有一个问题,当应用CSS变换的2D比例时,文本会像素化。(我只在Chrome中测试过,后面会做跨浏览,大家不用在不同浏览器上测试。)CSS.versus_block_hover{-webkit-transform:scale(1.2,1.2)!important;-webkit-transition:50ms0ms!important;z-index:1100!important;border-width:1px;border-color:#000;border-style:solid;}Javascript代码$('.versus_block').hover(function(){

css - Chrome 中的字体像素化问题 (HTML5/CSS3)

我有一个问题,当应用CSS变换的2D比例时,文本会像素化。(我只在Chrome中测试过,后面会做跨浏览,大家不用在不同浏览器上测试。)CSS.versus_block_hover{-webkit-transform:scale(1.2,1.2)!important;-webkit-transition:50ms0ms!important;z-index:1100!important;border-width:1px;border-color:#000;border-style:solid;}Javascript代码$('.versus_block').hover(function(){

设置列计数属性时,JQuery CSS setter 在 webkit 中不起作用

我有一个使用JavaScript动态生成的HTMLul。生成它之后,我使用JQuery的$('#id').css('property',value)方法在所述ul上设置样式。这是有问题的代码的样子:$('#actionSpace#datasetContent').css('-moz-column-count',this.content.length).css('-webkit-column-count',this.content.length).css('column-count',this.content.length).css('width',this.content.length

设置列计数属性时,JQuery CSS setter 在 webkit 中不起作用

我有一个使用JavaScript动态生成的HTMLul。生成它之后,我使用JQuery的$('#id').css('property',value)方法在所述ul上设置样式。这是有问题的代码的样子:$('#actionSpace#datasetContent').css('-moz-column-count',this.content.length).css('-webkit-column-count',this.content.length).css('column-count',this.content.length).css('width',this.content.length

html - 使用 html 表格时,在 CSS3 多列中强制分栏

我有多列布局工作,现在想让它与html表格一起工作(请参阅http://lucas.ucs.ed.ac.uk/tutorials/CSS3_columns/)但是只有一个小缺陷:为下一列切割表格的地方,切割可以是排中间……看起来很可怕。当我的页面只是一系列元素时,我使用了一个简单的style="display:inline-block;"技巧来将段落的内容保持在一起,强制分栏符位于段落之间。不出所料,这不适用于表格。我试过将每个的内容放到一个div中,并应用inline-block;"样式;我试过应用{-webkit-column-break-inside:avoid;-moz-col

html - 使用 html 表格时,在 CSS3 多列中强制分栏

我有多列布局工作,现在想让它与html表格一起工作(请参阅http://lucas.ucs.ed.ac.uk/tutorials/CSS3_columns/)但是只有一个小缺陷:为下一列切割表格的地方,切割可以是排中间……看起来很可怕。当我的页面只是一系列元素时,我使用了一个简单的style="display:inline-block;"技巧来将段落的内容保持在一起,强制分栏符位于段落之间。不出所料,这不适用于表格。我试过将每个的内容放到一个div中,并应用inline-block;"样式;我试过应用{-webkit-column-break-inside:avoid;-moz-col

html - CSS 样式化目录

我正在尝试复制以下目录:我已经非常接近以下代码:http://jsfiddle.net/33Kgn/2/.listli{position:relative;overflow:hidden;width:330px;}.listli:after{font-family:TimesNewRoman;font-size:120%;content:".................";text-indent:-1px;display:block;letter-spacing:34px;position:absolute;left:0px;bottom:0px;z-index:-1;font-w