Questions tagged «css»

是否有跨浏览器解决方案仅使用CSS而不使用javascript来产生幻灯片过渡？以下是html内容的示例： <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

滚动到导航栏后，我想使其停留在顶部，但是它不起作用，我也不知道为什么。如果可以的话请帮我，这是我的HTML和CSS代码： .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-selections:hover{ transition: 1.5s; color: black; } ul { background-color: #B79b58; overflow: auto; } li { list-style-type: none; } <nav style="position: sticky; position: -webkit-sticky;"> <ul align="left"> …

177 html  css  css-position 

我正在使用create-react-app，但不想使用eject。 目前尚不清楚应该通过@ font-face导入并本地加载的字体在哪里。 即我正在加载 @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } 有什么建议？ -编辑 包括丹在回答中提到的要点 ➜ Client git:(feature/trivia-game-ui-2) ✗ ls -l public/static/fonts total 1168 -rwxr-xr-x@ 1 maximveksler staff 62676 Mar 17 2014 MYRIADPRO-BOLD.woff -rwxr-xr-x@ 1 maximveksler staff 61500 Mar 17 2014 …

177 css  reactjs  fonts  webpack  create-react-app 

我正在为正在设计的网站使用Bootstrap 3。 我想要一个像这样的样本页脚。 样品 请注意，我不希望它已修复，因此引导程序navbar-fixed-bottom无法解决我的问题。我只希望它始终位于内容的底部并且也要有所响应。 任何指南将不胜感激。 编辑： 对不起，如果我不清楚。现在发生的是，当内容主体没有足够的内容时。我的页脚向上移动，然后在底部留下一个空白区域。 这就是我现在所拥有的导航栏 <nav class="navbar navbar-inverse navbar-bottom" style="padding:0 0 120px 0"> <div class="container"> <div class="row"> <div class="col-sm-4"> <h5 id='footer-header'> SITEMAP </h3> <div class="col-sm-4" style="padding: 0 0 0 0px"> <p>News</p> <p>contact</p> </div> <div class="col-sm-4" style="padding: 0 0 0 0px"> <p>FAQ</p> <p>Privacy Policy</p> </div> </div> <div …

176 html  css  twitter-bootstrap  footer 

任何样式input都会影响每个输入元素。有没有一种方法可以指定仅应用于复选框的样式，而无需将类应用于每个复选框元素？

176 css 

我在这家公司是新来的，我们有一款使用CSS的产品。我正在尝试为我们的应用制作可打印的样式表，但是background-colorin 中存在问题@media print。 @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } 其他所有内容都可以使用，我可以修改边框等，但background-color不会在打印中出现。现在，我了解到，如果没有更多详细信息，可能所有人都无法回答我的问题。我只是想知道以前是否有人遇到过此问题或类似问题。

176 css  media-queries 

我目前正在从事一个项目，该项目无法控制我要应用CSS样式的HTML。而且在没有足够的id和class声明来区分元素的意义上，HTML的标签不是很好。 因此，我正在寻找将样式应用于没有id或class属性的对象的方法。 有时，表单项具有“名称”或“值”属性： <input type="submit" value="Go" name="goButton"> 有没有一种方法可以应用基于name =“ goButton”的样式？那“价值”呢？ 这种事情很难被发现，因为Google搜索会找到各种实例，在这些实例中，诸如“名称”和“值”之类的广泛术语会出现在网页中。 我有点怀疑答案是否定的……但是也许有人巧妙地破解了？ 任何建议将不胜感激。

176 html  css  css-selectors 

我有一个div并希望它水平居中-尽管我给它margin:0 auto;它没有居中... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

176 css  html  center  absolute 

这应该很简单，但是我很难找到它的搜索词。 假设我有这个： <div class="a c">Foo</div> <div class="b c">Bar</div> 在CSS中，如何创建与“（.a或.b）和.c”匹配的选择器？ 我知道我可以这样做： .a.c,.b.c { /* CSS stuff */ } 但是，假设我将不得不大量使用各种逻辑组合来执行这种逻辑，是否有更好的语法？

176 html  css  css-selectors 

我想将CSS规则应用于其类之一与指定前缀匹配的任何元素。 例如，我想要一个规则，该规则将适用于以status-（A和C，但在以下代码段中不是B）开头的类的div ： <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> 某种组合： div[class|=status]和div[class~=status-] 它可以在CSS 2.1下执行吗？它可以在任何CSS规范下执行吗？ 注意：我知道我可以使用jQuery来模拟。

175 css  css-selectors 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> 这是我的CSS脚本 .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } 我想把background-image整个<td>细胞伸展

175 html  css  background 

考虑以下代码段： .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy text of the …

175 css  internet-explorer  flexbox  internet-explorer-11 

许多人仍然使用表格来布局控件，数据等。-流行的jqGrid就是一个例子。但是，发生了一些我似乎无法理解的魔术（它的桌子大声喊叫，可能会有多少魔术？） 如何设置表的列宽并使它像jqGrid那样遵守！？如果我尝试复制此内容，即使我设置了every <td style='width: 20px'>，只要这些单元格之一的内容大于20px，该单元格就会展开！ 有什么想法或见解吗？

175 html  css  layout  html-table 

我在页面上有一组块元素。它们都设置了CSS规则的空白，溢出，文本溢出，以便修剪掉溢出的文本并使用省略号。 但是，并非所有元素都会溢出。 无论如何，我可以使用JavaScript来检测哪些元素正在溢出吗？ 谢谢。 补充：我正在使用的示例HTML结构。 <td><span>Normal text</span></td> <td><span>Long text that will be trimmed text</span></td> SPAN元素始终适合单元格，它们应用了省略号规则。我想检测何时将省略号应用于SPAN的文本内容。

175 javascript  html  css  ellipsis 

我的CSS font-family: Helvetica, Arial, sans-serif;为整个页面指定了“ ”。好像在某些部分上使用了Verdana。我希望能够验证这一点。 我曾尝试从浏览器复制并粘贴到Word中，但是它没有保留字体。 有什么方法可以确定文本部分实际使用哪种字体？ Firebug将为我提供如上的字体列表[1]，但是我看不出一种确定使用哪种字体的方法。 原来使用了错误的列表，这解决了我原来的Verdana问题。但是我仍然很好奇是否有一种方法可以识别实际的渲染字体。

175 css  browser  fonts