小编Zun*_*uno的帖子

如何在倾斜层(CSS)中校正背景图像?

我正在尝试显示像这样的个人资料照片/ - /(斜线表示使用skewX的斜线,连字符表示水平对齐的背景图像).

问题是此代码也会扭曲背景图像:

.photo {
transform: skewX(35deg); 
-ms-transform: skewX(35deg); /* IE 9 */
-webkit-transform: skewX(35deg); /* Safari and Chrome */
width: 100px; 
height: 92px; 
border-right: 1px solid black; 
border-left: 1px solid black; 
background-image: url('silhouette.png'); 
background-repeat: no-repeat; 
background-position: top left; 
}

...

<div class="photo"></div>
Run Code Online (Sandbox Code Playgroud)

我试图像这样扭转背景偏斜:

.photo {
transform: skewX(35deg); 
-ms-transform: skewX(35deg); /* IE 9 */
-webkit-transform: skewX(35deg); /* Safari and Chrome */
width: 100px; 
height: 92px; 
border-right: 1px solid black; 
border-left: 1px solid black; 
}

.photo div {
transform: skewX(-35deg); …
Run Code Online (Sandbox Code Playgroud)

css background skew

12
推荐指数
1
解决办法
1万
查看次数

从数据库复制到剪贴板文本输出

我有一个搜索表单,可将​​商人详细信息(每个商人的姓名,电话,电子邮件地址)输出到表格中。
我希望在这些字段中的每个字段旁边都有一个复制按钮,以便用户可以单击它并将其复制到剪贴板(复制时文本突出显示)。我的用户将仅使用IE9浏览。

问题在于可能会有不止一组结果,因此脚本无法调用特定的编号函数,就像我对以下textarea所做的那样:

function highlightmetasearch01() {
    document.copydata01.text2copy01.select();
     document.copydata01.text2copy01.focus(); 
}
function copymetasearch01() {
    highlightmetasearch01();
    textRange = document.copydata01.text2copy01.createTextRange();
    textRange.execCommand("RemoveFormat");
    textRange.execCommand("Copy");
}

function highlightmetasearch02() {
    document.copydata02.text2copy02.select();
    document.copydata02.text2copy02.focus(); 
}
function copymetasearch02() {
    highlightmetasearch02();
    textRange = document.copydata02.text2copy02.createTextRange();
    textRange.execCommand("RemoveFormat");
    textRange.execCommand("Copy");
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<textarea name="text2copy01">The first textarea.</textarea>
<br />
<button onclick="copymetasearch01();return false;">COPY</button>

<textarea name="text2copy02">The second textarea.</textarea>
<br />
<button onclick="copymetasearch02();return false;">COPY</button>
Run Code Online (Sandbox Code Playgroud)

我想知道这是否可能?...

<td><span>Name from DB here</span> <button onclick="<!--copy and highlight text within most recent span tag-->">COPY</button></td>

<td><span>Phone from DB here</span> <button onclick="<!--copy and highlight text within most …
Run Code Online (Sandbox Code Playgroud)

javascript

5
推荐指数
1
解决办法
2368
查看次数

尝试运行数据库查询时,Cypress 测试期间出现“util.promisify 不是函数”错误

与我见过的所有“util.promisify 不是函数”线程不同,我没有明确尝试使用“util.promisify”函数。

我想做的是在赛普拉斯测试期间运行数据库查询。

  • 节点16.15.1
  • 赛普拉斯 13.5.1
  • 打字稿 5.0.2
  • ts-节点 10.9.1
  • 微软SQL 9.1.1

以下方法在服务器端工作,但在赛普拉斯测试期间抛出合适的客户端(浏览器)端:

数据库文件:

import sql from 'mssql';

export default class Database {
    private _databaseConnectionString;

    constructor() {
        this._databaseConnectionString = 'censored but valid connection string';
    };

    async query(query: string) {
        try {
           await sql.connect(this._databaseConnectionString);
           const result = await sql.query(query);
           return result;
        } catch (errorMessage) {
            throw new Error(`Error querying database.\n${errorMessage}`);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

测试文件:

import Database from "../../support/test_data/utilities/database";
const database = new Database();

describe('testing', () => {
    it('test', () …
Run Code Online (Sandbox Code Playgroud)

sql database node.js promise cypress

-2
推荐指数
1
解决办法
177
查看次数

标签 统计

background ×1

css ×1

cypress ×1

database ×1

javascript ×1

node.js ×1

promise ×1

skew ×1

sql ×1