我制作了一个价格表，将其悬停时将更改行的背景。由于我使用它的方式，我遇到了两个问题。
我正在使用3行跨度来按住购买按钮，因为我希望它在中心垂直对齐，并在左侧向左对齐。我必须使用！important才能在翻转时保持背景白色。固定。
将鼠标悬停在购买按钮单元格上时，它会突出显示第一行。这就是我所不想要的。我已经尝试过各种方法并重新安排了方法，并且在不除去3行跨度的情况下无法提出任何解决方案。
<table>
<tr>
<th colspan="3">title text</th>
</tr>
<tr>
<td>amount</td>
<td class="pricing">price</td>
<td class="purchase" rowspan="3">purchase button</td>
</tr>
<tr>
<td>amount</td>
<td class="pricing">price</td>
</tr>
<tr>
<td>amount</td>
<td class="pricing">price</td>
</tr>
</table>
table{
margin:.5em 0 1em 0;
width:100%;
font-size:15px;
}
table th{
padding:0px 0 10px 5px;
}
table td{
padding:2px 5px;
}
table td.purchase{
text-align:right;
width:150px;
vertical-align:middle;
background:#ffffff !important;
}
table td.pricing{
width:130px;
border-left:5px #ffffff solid;
}
table td.details {
padding:0 35px 0 15px;
}
table tr:hover td
{
background-color: #ebf1f6;
}
您是否应该标记面包屑的主页和当前页面？我使用数据词汇只是因为 schema.org 不允许标记标题或 url - 只有一行文本，没有分隔符，除非手动添加。
这是我现在拥有的一个例子。请注意，我标记了主页和当前页面 - 这是正确的还是应该不标记其中一个或两个页面？
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="home" itemprop="url" href="/"><span itemprop="title"><img alt="Home" height="30" src="/images/trans.gif" width="16"></span></a></li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/services/"><span itemprop="title">Services</a></span></li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/service/widget/"><span itemprop="title">Widget</a></span></li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="/service/widget/features.htm"><span itemprop="title">Features</span></a></li>
我在过去几天里使用了jquery验证插件,但还没有使用它与ajax提交.我所拥有的是下面的两个领域.提交时,值没有错误.单击"提交"按钮时,没有任何提交.它什么都不做.
HTML:
<form id="account-info-form" action="/process/p_profile_info.php" method="post">
<div class="row margin-bottom-20">
<div class="col-md-6 form-group">
<label>First Name</label>
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-user fa-fw"></i>
</span>
<input class="form-control" type="text" name="fname"/>
</div>
</div>
<div class="col-md-6 form-group">
<label>Last Name</label>
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-user fa-fw"></i>
</span>
<input class="form-control" type="text" name="lname"/>
</div>
</div>
</div>
<div class="row margin-bottom-30">
<div class="col-md-12">
<button class="btn btn-primary" type="submit" name="account-info" value="save"><i class="fa fa-check-circle"></i> Save Changes</button>
<button class="btn btn-default" type="reset">Cancel</button>
</div>
</div>
</form>
JS:
$('#account-info-form').validate({
// ajax submit
submitHandler: function (form) …我想在本周开始创建一个每小时的字符串0.该字符串长度为167个字符,对于该小时表示真/假的每个字符,由0/1组成.
我知道你可以编辑字符串:
$foo = "123456789";
echo $foo[0]; // outs 1
echo $foo[1]; //outs 2
$foo[0] = 1;
$foo[1] = 1;
echo $foo[0]; // outs 1
echo $foo[1]; // outs 1
所以我假设我可以设置一个空字符串并使用相同的方法来"构建"它.所以我正在运行一个0-167的循环,同时检查'小时'是否在$hours数组中.如果是我在我的字符串中将其设置为1 ...如果不是,则将其设置为0.问题 :
1.这不能通过设置工作$inputHours = '',它只是创建一个数组而不是我想要的字符串.
2.是否有更优化的方式来检查是否设置了一小时而不是使用in_array 167次？
//array of selected hours
$hours = array(1, 25, 34, 76, 43)
//create selected hours string from selection
$inputHours = '';
for …尝试更新到 php 8.1 并注意到这个已弃用的通知出现在我想要处理的错误日志中。
[14-Feb-2022 14:48:25 UTC] PHP Deprecated: Return type of TLDExtractResult::offsetExists($offset) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/example/public_html/assets/tldextract/tldextract.php on line 299
我能够抑制警告，但实际上想更新脚本，这样将来就不会出现问题。
//public function offsetExists($offset) {
// return array_key_exists($offset, $this->fields);
//}
#[\ReturnTypeWillChange]
public function offsetExists(mixed $offset) {
return array_key_exists($offset, $this->fields);
}
这是有问题的代码部分：
class TLDExtractResult implements ArrayAccess {
private $fields;
public function __construct($subdomain, $domain, $tld) {
$this->fields = array(
'subdomain' => $subdomain,
'domain' => …全新的作曲家。安装并运行它，并通过要求页面顶部的自动加载安装了两个软件包以在我的网站上使用：
require $_SERVER['DOCUMENT_ROOT'].'/../vendor/autoload.php';
然后我的 use whatever\whatever;
我的问题是......有没有办法可以通过自动加载加载单个包而不是所有包？在这种情况下，我在网站上使用了两个包，但它们永远不会一起使用......所以......我认为只加载我需要在每个页面上使用的包会更有意义? 与仅我需要的相比，使用自动加载加载所有内容会有性能差异吗？
我环顾四周，但似乎无法找到答案，如果可能的话 - 也许我使用错误的术语进行搜索或在错误的地方查找。
我正在使用 toastr js 插件 - toastr - 并更改了 css 颜色，但是，我不知道如何创建正确的 png/base64 部分？
原来的 ：
.toast-info {
background-color: #2f96b4;
}
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
我已将此颜色更改为：
.toast-info {
background-color: #3276b1;
}
实际上，我不久前联系了 github 位置，除了联系 SO 外，从未得到任何回应，哈哈。为了让事情正确，我想确保 base64 部分对应于新颜色。
编辑 - 更多信息：
回应下面的答案。我相信你是不正确的。如果我错了，请纠正我，但背景图像基本上是备份，因此它可以在所有浏览器中正确显示并且确实反映了颜色。根据您的评论...如果这是真的，则根本不需要此背景图像，并且如果有的话，每种颜色都是相同的。如您所见，情况并非如此。
这是完整的 css，包括我添加的带有新颜色的 info2。所以，基本上这个问题成立。如何使用新颜色创建正确的 base64 背景图像？
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-info2 {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; …尝试在select2上使用验证,但有一些问题:
将显示错误消息,但输入有效条目时不会删除.
我正在加载一个工作正常的初始值...然而,验证器无法识别该值并告诉我它无效...我必须手动输入相同的值然后验证,但仍然不会删除显示它的错误类/消息是有效的.
形式:
<div class="col-md-12 margin-bottom-30 form-group">
<div class="input-modal-group">
<label for="vedit-filter" class="f-14"><b>filter :</b></label>
<input id="vedit-filter" type="text" name="settings[filter]" class="form-control select2"/>
</div>
</div>
<input id="filter_default" type="hidden" name="settings[original]" value="<?php echo escapeStr($result[filter]); ?>"/>
js:
// get the default filter
var default_filter = $("#filter_default").val();
$("#vedit-filter").select2({
//placeholder: "Select or enter...",
allowClear: true,
multiple: false,
ajax: {
dataType: 'json',
url: '/process/get_filter_list.php',
results: function (data) {
return {results: data};
}
},
createSearchChoice:function(term, data) {
if ($(data).filter(function() {
return this.text.localeCompare(term)===0; }).length===0) {
return {id:term, text:term};
}
},
initSelection …因此，我刚刚遇到了schema.org的组织类型的“ sameAs”，它使您可以链接自己的社交资料。我的问题是我的网址和徽标位于一个位置（页眉），而社交链接位于另一个位置（页脚）。
<div class="container custom-top" itemscope itemtype="http://schema.org/Organization">
<a class="custom-logo" itemprop="url" href="/">
<img itemprop="logo" alt="sitename" height="40" src="/assets/img/logo-main.png" width="161">
</a>
</div>
我的社交链接与以下位置完全不同：
<ul class="list-inline">
<li>
<a href="https://www.facebook.com/site" data-window="external" data-placement="top" rel="tooltip" title="Facebook"></a>
<a href="https://twitter.com/site" data-window="external" data-placement="top" rel="tooltip" title="Twitter"></a>
<a href="https://plus.google.com/site" data-window="external" data-placement="top" rel="tooltip publisher" title="Google+"></a>
</li>
</ul>
在一个完美的世界中，诸如此类的东西都是物品类型的孩子，但是由于我的设计，这是不可能的。
<span itemscope itemtype="http://schema.org/Organization">
<a itemprop="url" href="/">
<img itemprop="logo" src="/assets/img/logo-main.png"
</a>
<a itemprop="sameAs" href="http://www.facebook.com/your-company">FB</a>
<a itemprop="sameAs" href="http://www.twitter.com/YourCompany">Twitter</a>
</span>
因此，除了将所有内容放在同一位置之外，是否还有其他方法可以解决此问题？我了解itemref并链接了项目，但在使用Google的结构化数据测试工具进行测试时无法使其正常工作。
请不要告诉我让div保持打开状态，并且基本上将整个页面与单位itemtype一起使用。我希望这有一个干净的方法。Schema.org不能期望所有内容都能在每个网页上很好地聚集在一起。
已经很多年没有使用 WAMP 了，但今天决定在我即将从事的项目中再次尝试。我已完成所有设置并正常工作，但由于某种原因，我在虚拟主机文件中定义的错误日志位置无法正常工作 - 所有日志条目仍转到 c:\wamp64\logs\ 中的默认文件，而不是我的自定义文件指定如下。
我的虚拟主机文件是：
# Virtual Hosts
#
<VirtualHost *:80>
ServerName localhost
ServerAlias localhost
DocumentRoot "${INSTALL_DIR}/www"
<Directory "${INSTALL_DIR}/www/">
Options +Indexes +Includes +FollowSymLinks +MultiViews
AllowOverride All
Require local
</Directory>
ErrorLog "logs/localhost-error.log"
CustomLog "logs/localhost-access.log" common
</VirtualHost>
<VirtualHost *:80>
ServerName site.local
ServerAlias site.local
DocumentRoot "C:/Users/Support/Documents/My Web Sites/BS4/site.com"
<Directory "C:/Users/Support/Documents/My Web Sites/BS4/site.com">
Options +Indexes +Includes +FollowSymLinks +MultiViews
AllowOverride All
Require local
</Directory>
ErrorLog "logs/site.local-error.log"
CustomLog "logs/site.local-access.log" common
</VirtualHost>
我在这里错过了什么吗？我希望为我正在处理的每个“项目”拥有不同的日志（目前仅定义一个），但将它们分开更有意义。
php ×4
css ×2
jquery ×2
ajax ×1
arrayaccess ×1
arrays ×1
base64 ×1
breadcrumbs ×1
composer-php ×1
css-tables ×1
deprecated ×1
for-loop ×1
html ×1
html-table ×1
loops ×1
markup ×1
microdata ×1
php-8.1 ×1
schema.org ×1
string ×1
toastr ×1
wamp ×1
wampserver ×1