Questions tagged «css»

对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么？ 目前，我在视图/部分的html顶部放置了一个link元素，但有人告诉我这是一种不好的做法，即使所有现代浏览器都支持它，但我可以理解为什么对此不满意。 另一种可能性是将单独的样式表放置在我的index.html中，head但是我希望它仅在以性能名义加载其视图时才加载样式表。 这是不好的做法吗，因为样式只有在将css从服务器加载后才会生效，从而导致在慢速的浏览器中快速刷新未格式化的内容？尽管我正在本地进行测试，但我还没有目睹这一点。 有没有一种方法可以通过传递给Angular的对象加载CSS $routeProvider.when？ 提前致谢！

132 css  model-view-controller  angularjs 

我一直在为iPad的固定位置而苦苦挣扎。我知道iScroll，它似乎并不总是有效（即使在他们的演示中）。我也知道Sencha有一个修复程序，但是我无法Ctrl+ F该修复程序的源代码。 我希望有人可以解决。问题在于，当用户在iOS驱动的移动Safari上上下移动时，固定位置的元素不会更新。

132 iphone  css  ipad  ios  mobile 

我正在构建一个小型Intranet应用程序，并且尝试使用最近购买的Adobe字体没有任何运气。据我了解，在我们的情况下，这不是违反许可证的行为。 我将.ttf / .otf字体版本转换为.woff，.eot和.svg，以便针对所有主要浏览器。我使用的@ font-face语法基本上是Font Spring的防弹语法： @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot'); src: url('myfont-webfont.eot?#iehack') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-webfont.svg#svgFontName') format('svg'); } 我修改了HTTP标头（添加了Access-Control-Allow-Origin =“ *”）以允许跨域引用。在FF和Chrome中，它可以完美运行，但是在IE9中，我得到： CSS3111: @font-face encountered unknown error. myfont-webfont.woff CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. myfont-webfont.ttf 我注意到将字体从.ttf / .otf转换为.woff时，我还得到了一个.afm文件，但是我不知道它是否重要... 任何想法如何解决？ [编辑]-我在IIS 7.5下托管我的网站（也有字体，但在单独的目录和子域中用于静态内容）

132 internet-explorer  css  internet-explorer-9  font-face 

斜线在这里是什么意思： font: 100%/120%;

132 html  css  size 

直到最近，我的网站（www.heatexchangers.ca）的Google Page Speed得分还是98％。我有几件事我无能为力，例如来自Web字体的查询字符串。我对此感到非常高兴，因为这代表了我所能做的一切。 最近，Google添加了一些会影响页面速度得分的内容，而我现在对Page Speed的了解仅为89％，并得到以下建议： 在首屏内容中消除外部阻止渲染的JavaScript和CSS。 解决此问题的建议似乎涉及浏览我所有的.css和.js文件，并将它们的某些部分分开，然后将它们内联添加到我的html中。这给我带来了一些困惑，因为我的印象是我们必须在HTML中尽可能多地保留JS和CSS。 “折叠之上”的内容到底是什么？如果是一些样式，例如字体，背景颜色等；那么我可以看到将内联包含在内并不是一件大事。我一直无法找到确切的清单。

132 javascript  html  css  google-pagespeed 

有谁知道在不使用Javascript的情况下同时使Firefox中的图片不可拖动和不可选择的方法吗？似乎微不足道，但这是问题所在： 1）可以在Firefox中拖动并突出显示： <img src="..."> 2）因此，我们添加了此内容，但在拖动时仍可以突出显示图像： <img src="..." draggable="false"> 3）因此，我们添加了此内容以解决突出显示问题，但是反直觉地，图像再次变得可拖动。很奇怪，我知道！使用FF 16.0.1 <img src="..." draggable="false" style="-moz-user-select: none;"> 那么，有谁知道为什么添加“ -moz-user-select：无”，会以某种方式胜过并禁用“ draggable = false”？当然，webkit可以按预期工作。Interweb上对此一无所知...如果我们能够共同对此有所启发，那就太好了。 谢谢！！ 编辑： 这是关于防止UI元素被意外拖动并提高可用性-并非在复制保护方案上有些la脚的尝试：-)

132 css  html  firefox  draggable 

CSS 2.1 :after和CSS 3 ::after伪选择器之间有什么功能上的区别（::after较旧的浏览器不支持）？使用新规范是否有实际原因？

132 css  css-selectors  pseudo-element  pseudo-class 

例如，如果我有这个： <a style="" href="page.html">page link</a> 有什么我可以使用的style属性来实现的，因此链接不可单击并且不会带我到page.html吗？ 或者，我唯一的选择是不简单地将“页面链接”不包装在锚标记中？ 编辑：我想说明为什么要这样做，以便人们可以提供更好的建议。我正在尝试设置我的应用程序，以便开发人员可以选择他们想要的导航样式类型。 因此，我有一个链接列表，当前始终选择一个链接，而其他所有链接都没有。对于未选择的链接，我显然希望这些链接是普通的可点击锚标记。但是对于选定的链接，有些人希望链接保持可单击状态，而另一些人则希望使其不能单击。 现在，我可以轻松地以编程方式不将锚定标签包裹在所选链接周围。但我认为，如果始终可以将所选链接包装成类似以下内容，它将更加优雅： <a id="current" href="link.html">link</a> 然后让开发人员通过CSS控制链接样式。

132 html  css  anchor 

我可以防止div块中的文本溢出吗？

132 html  css  overflow 

我正在使用HTML的img标签在我们的应用程序中显示照片。我已经将其height和width属性都设置为64。我需要将任何图像分辨率（例如256x256、1024x768、500x400、205x246等）显示为64x64。但是通过将img标签的height和width属性设置为64，就不会保持纵横比，因此图像看起来会失真。 供您参考，我的确切代码是： <img src="Runtime Path to photo" border="1" height="64" width="64">

132 html  css 

我的CSS中包含以下内容。所有边距/边距/边界均全局重置为0。 #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} 现在，当我将HTML编写为 <div id="wrapper"> <div class="content"> some text here </div> <div class="lbar"> some text here </div> </div> 页面正确呈现。但是，当我检查元素时，div#wrapper显示为0px高。我会一直期待它扩大，直到年底div.content和div.lbar...为什么会出现这种情况？ 同样，页面呈现良好。这种行为使我感到困惑。

131 html  css 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 在准备涉及图像的MCVE / SSCCE时，直接访问图像很有用。 可以解决大多数问题的图像类型包括-具有多种颜色或形状的小型图像，具有/不具有透明度的动画GIF，作为图像“成对”的JPEG，可用于图像过渡，平铺集，精灵表中。 对于这些类型的示例，是否可以热链接到任何较小的（小于30KB）的现场许可和免版税图片？

131 java  javascript  css  image 

是否可以在锚标签上设置像素的宽度和高度？我希望锚标签具有背景图像，同时将文本保留在锚内。 li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> 运行代码段隐藏结果展开摘要

131 html  css  cross-browser 

我希望有一个漂亮的小图标，单击该图标将清除<INPUT>框中的文本。 这是为了节省空间，而不是在输入框外部没有清晰的链接。 我的CSS技能很弱...这是iPhone外观的屏幕快照。

131 javascript  iphone  html  css 

我有以下代码： @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); 我需要转换@color为rgba(209, 72, 54, 1)。 因此，我需要rgba(209, 72, …

131 css  less