Questions tagged «css»

我知道你可以写... background-color: #ff0000; ...如果您想要红色的东西。 你可以写... background-color: rgba(255, 0, 0, 0.5); ...如果您想要红色和半透明的东西。 有什么简洁的方法可以用十六进制书写部分透明的颜色？我想要类似的东西： background-color: #ff000088; <--- the 88 is the alpha ... 要么 ... background-color: #ff0000 50%; 我将所有颜色都转换为十六进制，并且不得不将它们全部转换为十进制0-255。

199 css  colors  rgba 

我有以下代码： <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> 是否可以使用CSS或其他方法更改SVG路径的填充颜色，而无需在path标签内部实际更改它的颜色？

199 css  svg 

在iPhone上查看时，是否可以从电话号码中删除默认的蓝色超链接颜色？像特定的Mobile Safari标记或CSS添加？ 我只有这个号码： <p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> 而且没有超链接，但iPhone仍将此文本数字呈现为超链接。我的一些网站上出现了渲染问题，但看不到为什么发生。 我确实读了这篇文章： 移动HTML呈现数字 但这是唯一可行的解​​决方案吗？

198 html  ios  css  mobile-safari 

当两个inline-block div具有不同的高度时，为什么两个中的较短者未对准容器的顶部？（演示）： .container { border: 1px black solid; width: 320px; height: 120px; } .small { display: inline-block; width: 40%; height: 30%; border: 1px black solid; background: aliceblue; } .big { display: inline-block; border: 1px black solid; width: 40%; height: 50%; background: beige; } <div class="container"> <div class="small"></div> <div class="big"></div> </div> …

198 css 

我正在尝试使用灯箱时禁用父级的html / body滚动条。这里的主要词是 disable。我也没有想隐藏它overflow: hidden;。 这样做的原因是overflow: hidden使站点跳转并占据了滚动所在的区域。 我想知道是否有可能在仍然显示它的同时禁用滚动条。

198 javascript  jquery  html  css 

我尝试了这个：http : //jsfiddle.net/ilyaD/KGcC3/ HTML： <select name="state" class="ddList"> <option value="">(please select a state)</option> <option class="lt" value="--">none</option> <option class="lt" value="AL">Alabama</option> <option class="lt" value="AK">Alaska</option> <option class="lt" value="AZ">Arizona</option> <option class="lt" value="AR">Arkansas</option> <option class="lt" value="CA">California</option> <option class="lt" value="CO">Colorado</option> </select> CSS： select { width: 400px; text-align: center; } select .lt { text-align: center; } 如您所见，它不起作用。是否有仅CSS方式将文本置于选择框中？

198 css 

我刚刚安装了IE9 beta，并且在我创建的特定网站（HTML5）上，除非我手动告知IE9，否则IE9会跳至兼容模式。我曾尝试删除网站的多个部分，但没有任何变化。包括删除所有的CSS include。在我的其他网站上，一切正常。 另外，不要手动设置它，因为IE9会记住用户设置，并且您无法将其恢复为自动设置（或者至少我没有找到方法，甚至没有通过私有浏览和清空缓存） 无论如何。跳至兼容模式的站点：http : //alliancesatwar.com/guide/ 呈现正确的站点：http : //geuze.name/basement/（我不能发布多个超链接） 两者都相同doctype。这些网站使用相同的基本模板（编码，元标记，doctype和相同的javascript）有很多共同点（除了外观） 如果有人对我有答案，那就太好了！以IE7模式呈现的HTML5网站真是太糟糕了。

197 html  css  internet-explorer-9  compatibility-mode 

我只是注意到，如果为HTML按钮提供固定宽度，则按钮内的文本将永远不会被换行。我已经尝试过自动换行，但是即使有足够的空间可以换行，也可以减少单词的使用量。 如何像任何表格单元格一样，使HTML按钮的文本具有固定的宽度换行？ <td class="category_column"> <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;" /> </td> 运行代码段隐藏结果展开摘要 CSS类除了添加边框和修改填充外什么也不做。如果我添加word-wrap:break-word到此按钮，它将像这样包装它： Roos Sturingen / Sen sors 而且我不希望在单词中间切掉它。

197 html  css  button  word-wrap 

我有一个十六进制颜色，例如#F4F8FB（或rgb(244, 248, 251)），我想将其转换为尽可能透明的 rgba颜色（当显示为白色时）。合理？我正在寻找一种算法，或者至少是一种算法的想法。 例如： rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) 有想法吗？ 基于Guffa答案的FYI解决方案： function RGBtoRGBA(r, g, b){ if((g == null) && (typeof r === 'string')){ var hex …

196 javascript  colors  css  rgba 

好吧，这很简单。如果Chrome的开发人员工具向我显示样式已被覆盖，那么如何查看哪些CSS规则覆盖了样式？ 我想知道是否有类似“向我展示什么可以替代此内容”之类的内容。 OBS： 请不要把我指向Firebug。

196 css  google-chrome  developer-tools  inspector 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 6年前关闭。 改善这个问题 我正在为电子邮件通讯设计HTML模板。我了解到，许多电子邮件客户端会忽略链接的样式表，而其他许多电子邮件客户端（包括Gmail）会完全忽略CSS块声明。内联样式属性是我唯一的选择吗？样式化HTML电子邮件的最佳做法是什么？

195 html  css  html-email 

是否可以使用JavaScript删除元素的CSS属性？例如我有div.style.zoom = 1.2，现在我想通过JavaScript删除zoom属性吗？

195 javascript  css 

我有一个网站（g-floors.eu），并且我想使背景（在CSS中，我为内容定义了bg图像）也具有响应性。不幸的是，除了我可以想到的一件事之外，我真的对如何执行此操作一无所知，但这是一个解决方法。创建多个图像，然后使用css屏幕大小更改图像，但是我想知道是否有更实用的方法来实现此目的。 基本上，我想实现的是图像（带有水印“ G”）自动调整大小，而不会显示更少的图像。如果可能的话 链接：g-floors.eu 我到目前为止的代码（内容部分） #content { background-image: url('../images/bg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

195 css  responsive-design  background-image  image-resizing 

<html> <body> <style type="text/css"> p.first {color:blue} p.second {color:green} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> <style type="text/css"> p.first {color:green} p.second {color:blue} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> </body> </html> 浏览器应如何呈现不连续的CSS？是否应该使用页面上的所有CSS样式生成一些数据结构并将其用于呈现？ 还是按照看到的顺序使用样式信息进行渲染？

195 html  css 

假设我有一个这样的html代码段： <div style="width:300px;"> <label for="MyInput">label text</label> <input type="text" id="MyInput" /> </div> 这不是我的确切代码，但重要的是，在固定宽度容器中的同一行上有一个标签和一个文本输入。如何设置输入的样式以填充容器的剩余宽度，而无需包装并且不知道标签的大小？

195 html  css