Questions tagged «css»

下载bootstrap时，bootstrap文件中的bootstrap.css和bootstrap-theme.css有什么区别？

84 css  twitter-bootstrap-3 

我只是无法设置a导航元素的高度和宽度。 #header div#snav div a{ width:150px; height:77px; } #header div#snav div a:link{ width:150px; height:77px; } #header div#snav div a:hover{ height:77px; background:#eff1de; } 有什么想法我做错了吗？

84 html  css 

在网站资源中，我有时看到开发人员使用该rem单元。类似于em吗？我尝试过查看它的实际作用，但是它相对于什么呢？ 演示版 的HTML <div>Hello <p>World</p></div> 的CSS div { font-size: 1.4rem; } div p { font-size: 1.4rem; }

84 css 

因此，我正在运行此javascript，并且除背景图片的路径外，其他所有功能都正常运行。它可以在我的本地ASP.NET Dev环境中工作，但是在部署到虚拟目录中的服务器时不起作用。 这在外部.js文件中，文件夹结构为 Site/Content/style.css Site/Scripts/myjsfile.js Site/Images/filters_expand.jpg Site/Images/filters_colapse.jpg 然后这就是js文件所在的位置 Site/Views/ProductList/Index.aspx $("#toggle").click(function() { if (left.width() > 0) { AnimateNav(left, right, 0); $(this).css("background", "url('../Images/filters_expand.jpg')"); } else { AnimateNav(left, right, 170); $(this).css("background", "url('../Images/filters_collapse.jpg')"); } }); 我已经尝试过使用'/Images/filters_collapse.jpg'，但也不起作用；但是，如果使用，它似乎可以在服务器上运行'../../Images/filters_collapse.jpg'。 基本上，我希望具有与ASP.NET tilda-相同的功能~。 更新 外部.js文件中的路径是相对于它们所包含的Page的位置，还是.js文件的实际位置？

84 javascript  html  asp.net-mvc  css  path 

显然，一旦文本段达到一定长度，Android上的Google Chrome浏览器便决定调整文本大小并使其变大（引起各种乐趣）。现在，我有一个网站，其中p-tag的一半遵循我设置的大小，另一半根据需要进行更改-显然取决于段落的长度。 我到底该如何解决？

84 android  html  css  google-chrome  font-size 

我的网站比较流畅，菜单是其宽度的20％。我希望菜单的字体大小能够正确测量，因此它始终适合于框的宽度，并且永远不要环绕到下一行。我原本以“ em”为单位，但它与浏览器的字体大小有关，因此当我更改分辨率时，字体大小保持不变。 也尝试了分数和百分比。什么都没有，因为我需要... 请给我提示如何进行。

84 css  measurement 

为什么两个堆叠的半透明盒子的最终颜色取决于顺序？ 如何使两种情况下的颜色相同？ .a { background-color: rgba(255, 0, 0, 0.5) } .b { background-color: rgba(0, 0, 255, 0.5) } <span class="a"><span class="b"> Color 1</span></span> <span class="b"><span class="a">Different Color 2</span></span> 运行代码段隐藏结果展开摘要

84 html  css  background  background-color  overlapping 

是否有可能在纯CSS中（即不添加其他html标签）使像这样的换行符<br>？我想在<h4>元素之后而不是之前换行： 的HTML <li> Text, text, text, text, text. <h4>Sub header</h4> Text, text, text, text, text. </li> 的CSS h4 { display: inline; } 我发现了许多这样的问题，但是总是有诸如“ use display：block;”之类的答案。，但<h4>必须保持在同一行时，这是我做不到的。

84 html  css  styling 

我想从Google Chrome浏览器的文件输入中删除“未选择文件”工具提示（我发现Firefox中没有显示工具提示）。 请注意，我并不是在说输入字段中的文本，而是在将鼠标移到输入上方时出现的工具提示。 我没有运气尝试过这个： $('#myFileInput').attr('title', '');

84 javascript  jquery  html  css  google-chrome 

我正在尝试box-shadow在所有四个方面都应用a 。我只能从两方面得到它：

84 css  box-shadow 

使用transform属性，z-index被取消并出现在最前面。（注释掉-webkit-transform时，z-index在下面的代码中正常工作） .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */ -webkit-transform: rotate(3deg); /* Safari and Chrome */ transform: …

84 css  z-index  transform 

在我的网站上，我想在新窗口中显示用户上传的具有特定大小（width: 600px）的图像。问题在于图像可能很大。因此，如果它们大于这些600px尺寸，我想调整它们的尺寸，并保留宽高比。 我尝试了max-widthCSS属性，但是它不起作用：图像的大小不变。 有什么办法解决这个问题？ HTML： <div id="ImageContainerr"> <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" /> </div> CSS： img.Image { max-width: 100%;} div#ImageContainer { width: 600px; } 我也尝试max-width: 600px为图片设置，但是不起作用。图像是从Servlet传输的（存储在Tomcat的webapps文件夹外部）。

84 html  css  image  image-resizing 

我在同一行上有两个元素向左浮动和向右浮动。 <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> 我需要element2在element1旁边对齐，并在两者之间填充约10个像素。问题在于element2的宽度可以根据内容和浏览器（字体大小等）而变化，因此它并不总是与element1完美地对齐（我不能只应用右边距并将其移到上方）。 我也无法更改标记。 是否有统一的方法将它们排列在一起？我尝试使用百分比对边距进行右对齐，对元素1进行负边距处理以使元素2更近（但无法使其正常工作）。

84 html  css  css-float  margin 

我有一个很长的表格，分为6个步骤。加载表单后，将加载所有步骤，但是只有第一步可见。其余的具有CSS，display:none因此它们是隐藏的。完成一个步骤并使用Javascript进行验证后，当前步骤将设置为display:none，新步骤将设置为display:block。在最后一步，用户提交表单。但是，正如预期的那样，仅display:block提交页面上元素中的字段。元素中所有完成的字段都将display:none被忽略。 有没有一种方法可以提交display:none元素内的字段？ 如果没有，还有其他方法可以达到相同的效果吗？

84 javascript  css  forms 

visibility:collapse和之间有什么区别display:none？

84 html  css