小编Ada*_*cot的帖子
如何在页面顶部保留导航栏？
我正试图让我的导航栏保持在页面的顶部,就像在forbes.com上一样
我知道我能做到
nav
{
position: fixed;
top: 0;
}
但导航栏不在页面的顶部,它出现在徽标之后......但是当你向下滚动时,我希望导航栏粘在屏幕的顶部.
推荐指数
解决办法
查看次数
是<head>标记是默认情况下不显示的常规标记
我注意到在浏览Chrome的网页时<head>标签已{display: none;}分配了CSS .
这让我想到,<head>标签只是浏览器决定不显示的常规标签
即使这没有明显的用途,我是否可以在<cheese>标签的位置<head>使用标签并使用css "cheese {display: none;}"来实现与<head>标签相同的功能？
推荐指数
解决办法
查看次数
如果文本超过一定长度,请应用CSS
如果元素中的文本超过一定长度,是否有办法将CSS应用于元素.例如<p class="foo">123456789</p>.
然后,当元素中的文本超过x个字符时,将应用新类
<p class="foo text-exceeds-X-chars">12345678910101010101</p>
推荐指数
解决办法
查看次数
将CSS类归因于元素
假设我想将属性text-shadow: green;归因于<h2>具有类的元素内部的每个元素.dark以及ux-bannerCSS代码将实现的内容？
<div class="dark ux-banner">
<div class="the attributed classes of this element will vary">
<h2>TARGET THIS ELEMENT
</h2>
</div>
</div>
如上例所示,<h2>元素将被包含在<div>具有归因于它的不同类中.
在具有和属性text-shadow: green;的<h2>元素中进行遮挡而不引用元素的直接周围时,将属性应用于元素的最佳方法是什么.darkux-banner<div><h2>
推荐指数
解决办法
查看次数
如何在不创建新数据库的情况下导入mySQL数据库
我正在尝试将mySQL数据库导入客户端托管,其中PHP Admin中的privelidges非常有限.
我无法创建新数据库,只能使用他们给我的数据库.
当我上传包含数据库详细信息的文件时...我收到一个错误,告诉我数据库已经存在.
当我尝试使用新的数据库上传数据库时...我收到错误消息,我不允许创建新数据库.
如何将此数据库的内容上传到新数据库？
推荐指数
解决办法
查看次数
在woo commerce中回应产品称号
在每个产品的底部我想添加句子:
有关"产品名称"的任何问题,请与我们联系
我正在使用的代码是
<h1>Questions about <?php the_product); ?> get in touch</h1>
但这似乎不起作用,我如何在Woocommerce中提取产品名称？
推荐指数
解决办法
查看次数
css 将样式应用于除最后一行之外的所有元素
我有一个产品类别页面，每行 3 个产品。我希望每一行都有一个边框底部，除了最后一行。这应该没有边框底部。最后一行可能包含 1、2 或 3 个<li>元素。
我正在使用的当前代码将 border-bottom 属性应用于每个第三个<li>元素，这不是我想要的。
CSS：
.products li {
width: 33.33333%;
}
.products li:nth-child(3n){
border-bottom: 1px rgba(51, 51, 51, 0.1) solid;
}
.products li:nth-child(2-PREVIOUS-SIBLING-ELEMENTS){
border-bottom: 1px rgba(51, 51, 51, 0.1) solid;
}
HTML：
<ul class="products">
<li>Product</li>
<li>Product</li>
<li>Product</li>
<li>Product</li>
<li>Product</li>
<li>Product</li>
</ul>
推荐指数
解决办法
查看次数
调整在Ubuntu中大于X的图像的大小
在我的Ubuntu服务器中，我有一个特定的目录，其中包含大量图像，如果它们大于2000像素，同时又要保持其宽高比，则希望将其调整为2000px的宽度，但是如果图像的宽度小于2000px，则应将其调整为2000px维持不变。
我想编辑原始图像而不复制，并且我的服务器上未安装GUI。
推荐指数
解决办法
查看次数
Android 版 Google Chrome 上的字体大小显示问题
我有一个字体大小为body16px的网页。
在 Android 版 Google Chrome 上，我遇到以下问题：当页面最初加载时，未定义字体大小（因此从正文继承字体大小）的元素中的字体大小大于 16px（如果继续阅读，您将看到，没有明显的方法来计算渲染文本大小的倍数）。当用户向下滚动时，呈现的文本大小更改为 16px。
请参阅下面的两个图像以进行可视化
在上面的屏幕截图中，页面已加载，用户尚未与页面交互。
在上面的屏幕截图中，页面已加载并且用户已与页面进行了交互。注意显示“0% 兴趣”的元素上的字体大小现在更小了
当文本越来越大时 - 两种尺寸都计算为 16px
尽管两种字体大小之间存在视觉差异。在用户滚动之前，文本变大，在用户滚动之后，文本变小——字体大小在所有情况下都计算为 16px。
在上图中，我们可以看到字体大小在两种情况下都是 16px，但是两个渲染的文本大小明显不同
如果改变大小会发生什么？
如果我更改文本的 ，呈现的文本大小会增加或减少（取决于数字是大于还是小于 16）。在这两种情况下，尽管文本大小与原始文本大小成比例增加。
浏览器似乎将 16px 显示为特定大小，然后在用户滚动时更改此大小。
在这里，我将字体大小增加到 20 像素。虽然字体大小确实增加了，但它与原始渲染的文本大小成比例增加
Javascript 可以负责吗？
我不这么认为。我在浏览器中禁用了 javascript 并重新加载了页面，但问题仍然存在。
有没有人知道可能导致这种情况的原因？
推荐指数
解决办法
查看次数
我如何使网站无响应？
我目前正在开发一个响应式的样式表,目前正在使用,但在非桌面设备上看起来很可怕,因为它正在进行中.
是否可以使用某些JavaScript强制桌面布局加载到每个设备上,而不管视口大小？
推荐指数
解决办法
查看次数
在本地存储中存储多个复选框输入
我有多个复选框输入,如下所示:
<input type="checkbox" id="box-1">
<input type="checkbox" id="box-2">
<input type="checkbox" id="box-3">
我想将它们的值(已选中或未选中)存储在浏览器的本地存储中.
我用来做这个的javascript是:
function onClickBox() {
let checked = $("#box-1").is(":checked");
let checked = $("#box-2").is(":checked");
let checked = $("#box-3").is(":checked");
localStorage.setItem("checked", checked);
}
function onReady() {
let checked = "true" == localStorage.getItem("checked");
$("#box-1").prop('checked', checked);
$("#box-2").prop('checked', checked);
$("#box-3").prop('checked', checked);
$("#box-1").click(onClickBox);
$("#box-2").click(onClickBox);
$("#box-3").click(onClickBox);
}
$(document).ready(onReady);
第一部分在单击时保存复选框的状态,第二部分在页面刷新时加载它.
如果删除了第2行和第3行的行,这很有效,但我需要它来处理所有复选框.
推荐指数
解决办法
查看次数
CSS Calc - 始终达到“0”或“1”
我有一个 CSS 变量--size，它是用 javascript 设置的。它的值将为 0 或任何整数。
我希望使用该calc函数创建一个新的 CSS 变量。我希望这个新变量的值为 0 或 1。
- 如果
--size= 0 那么新变量 = 0 - 如果
--size> 0 那么新变量 = 1
我可以使用下面的代码来实现这一点：
--new: calc(var(--size)/(var--size))
但是当--size= 时0，这不起作用。
有没有办法可以根据变量的值调整我的计算以达到 0 或 1？
推荐指数
解决办法
查看次数
调用 Shopify 产品图片
我可以使用以下代码调用产品图像的 URL
{{ product | img_url: "medium" }}
这个输出：
//cdn.shopify.com/s/files/1/0087/0462/products/shirt14_medium.jpeg?v=1309278311
<img>然而，当我在这样的标签中使用这种液体代码时
<img src="{{ product | img_url: "medium" }}" />
输出是：
<img src="" />
如何正确展示产品图片？
推荐指数
解决办法
查看次数
标签 统计
css ×7
html ×5
html5 ×3
javascript ×3
jquery ×2
android ×1
css-calc ×1
css3 ×1
fixed ×1
font-size ×1
liquid ×1
mysql ×1
navigation ×1
php ×1
pseudo-class ×1
scripting ×1
shopify ×1
ubuntu ×1
woocommerce ×1
wordpress ×1