小编Raf*_*ngh的帖子

所以我正在做一些关于移动网站用户体验的研究,并且偶然发现了整个favicon.ico完全过时的事实.

环顾四周,我已经聚集在一起,我需要各种新的图像/图标,以便在各种移动设备上正确呈现"favicon",如android,iphone和windows phone.

现在的问题是,我有以下代码:

<link rel="apple-touch-icon" sizes="57x57" href="images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/favicons/manifest.json">
<meta name="apple-mobile-web-app-title" content="JoJo Productions">
<meta name="application-name" content="JoJo Productions">
<meta name="msapplication-TileColor" content="#00aba9">
<meta …

我遇到一个问题，当我使用边框半径结合 rgba 值颜色（例如 rgba(255,255,255,.8)，然后使用 abox-shadow使盒子看起来羽化）时，我遇到的问题是角不是实心的，如图所示。

左上角细节：

可以看出，当 border-radius 设置到位时，将边框半径与其他 CSS 元素结合使用时，边缘会产生奇怪的透明边缘。

我已经尝试了很多，但没有取得多大成功，这是一个代码尝试，因为我想在另一个项目中尝试这个，但只是简单地复制在这里： https: //jsfiddle.net/01u7gbxa/1/

代码本身可以应用于任何对象，因此看起来解析结果相同：

  background:rgba(0,0,0,.8);
  box-shadow:0 0 15px 30px rgba(0,0,0,.8);
  border-radius:60px;

有谁知道这是否可以解决？

预先感谢您提供更多信息。

我目前正在尝试将 WooCommerce 中的默认国家/地区搜索器添加到注册页面，而使用以下代码段可以使用默认国家/地区列表：

<?php
$countries_obj  = new WC_Countries();
$countries      = $countries_obj->get_allowed_countries();
woocommerce_form_field('billing_country',array(
'type'      => 'select',
'class'     => array('chzn-drop'),
'label'     => __('Country'),
'placeholder' => __('Choose your country.'),
'options'   => $countries,
'required'  => true,
'clear'     => true
));
?>

它当然与从 WooCommerce 中选择的原始国家/地区不同，所以我想知道是否有人知道将此国家/地区选择字段添加到注册页面的正确方法。

编辑：如果我理解正确，您需要加载一个 JavaScript 库以使下拉列表正常工作，有人如何将其准确加载到注册页面上，以及如何将默认国家/地区设置为“比利时”？

Edit2：似乎与国家选择器的这部分脚本有关：

<script type='text/javascript' src='//uklederwaren.be/wp-content/plugins/woocommerce/assets/js/frontend/country-select.min.js?ver=2.6.14'></script>

不完全确定如何将其准确添加到注册页面，因为我确定它与允许国家/地区的循环有关，而不是什么，因此我们将不胜感激！

Edit3：我找到了一个关于如何设置默认国家/地区的附带问题的答案，这可以通过在 woocommerce_form_field 数组中添加“默认”=>“XX”来完成。XX 代表国家/地区代码，因此对于比利时，这将是 BE。

提前感谢您提供更多信息。

特尔；博士：

结论：问题在 HelgaTheVviking 和 Raunak Gupta 的帮助下得到解决，我目前整个注册页面的完整代码包括所有部分（和自定义增值税页面）如下：

/* ---------------------- Registration page ----------------------- */
//Add extra fields in registration form
add_action('woocommerce_register_form_start','my_extra_register_fields');
function my_extra_register_fields(){
?>
    <p class="woocommerce-FormRow form-row …

我目前正在使用以下功能：

public function recentImages(){
    foreach(\File::allFiles("up") as $path){
        $files[] = pathinfo($path);
    }
    return view('recent-images-view')->with('files',$files);
}

要列出我上传文件夹中的所有图像，但这还包括在名为“thumbs”的单独文件夹中分隔的缩略图。

我想知道是否有任何方法可以告诉 allFiles 函数排除名称为拇指的文件夹。或者我应该完全不同地处理这个？

感谢您提前提供任何信息。